Canvas & Layers

Navigating the Canvas

The canvas shows a scaled preview of your document page. Here's how to navigate around it:

Zooming

• ⌘/Ctrl + scroll — Zoom in and out
• ⌘/Ctrl + + or ⌘/Ctrl + - — Zoom controls from keyboard
• Use the zoom dropdown in the toolbar for preset zoom levels
• Double-click the zoom percentage to reset to "fit to screen"

Panning

Hold Space and drag to pan around the canvas. This is useful when zoomed in on a section of your template.

Grid & Snapping

When you drag or resize elements, they automatically snap to:

• The page margins
• Other element edges (alignment guides appear)
• The grid (if enabled from the toolbar)

This helps you keep elements perfectly aligned without guessing.

The Layers Panel

The layers panel (left side) lists every element on your template. Elements at the top of the list appear in front of elements below them — just like layers in Photoshop or Figma.

Reordering Layers

Drag and drop items in the layers panel to change which element appears on top. You can also:

• Right-click an element → Bring to Front
• Right-click → Send to Back
• Right-click → Move Forward or Move Backward

Visibility & Locking

Each layer has two controls:

Naming Layers

Each element gets a default name based on its type and content (e.g., "Text: Invoice"). For complex templates, rename layers to keep things organized — double-click a layer name in the panel to rename it.