Docs

Working with Code & Visuals

The Nice Slice is designed for dual-mode editing — code and canvas offer flexibility in how you choose to synchronize.


Edit SVG or PastelVG Code#

Use the built-in code editor to modify:

  • attributes
  • structure
  • styling


Push Code Changes to the Visual Canvas#

Click "Code → Visual Model" to render your code instantly.


Push Visual Changes Back to Code#

Move shapes or adjust styles visually.

The code editor updates automatically to match.