Skip to content

Workspace & Tools

The Canvas is the main stage of your creation.

  • Pan (Move screen): Hold Space and click/drag the mouse, or use the middle mouse button.
  • Zoom: Use the mouse wheel with Ctrl (or Cmd) pressed, or use the + and - buttons.
  • Single Selection: Click on any element.
  • Multiple Selection: Hold Shift + click, or drag the mouse to create a selection box.
  • Smart Guides: Colored lines help align objects automatically when moving.

Located on the left, it shows the project structure.

  • Reorder: Drag items to change the order (Z-Index).
  • Grouping: Drag elements into groups.
  • Lock/Hide: Lock or hide layers for easier editing.
  • Zoom: Fine adjustment, Reset, and “Fit to Screen”.
  • Alignment: (Appears with multiple items selected) Align left, center, top, distribute horizontally, etc.

Right-click on an element to:

  • Edit Content: Text or image.
  • Bind Data: Insert variables \{\{...\}\}.
  • Quick Style: Colors, borders, and shadows.
  • Order: Bring to front/back.