Layers Panel

The Layers panel gives you a tree view of every element on the canvas, listed top-to-bottom (topmost element first).

Opening the Layers panel

Click the Layers icon in the left sidebar rail (stacked layers icon, tooltip: “Layers”). A badge shows the number of elements on the canvas; a group counts once and each of its members counts too.

Layer rows

Each layer row shows (left to right):

• Drag handle (grip icon) on an element, or an expand/collapse chevron on a group.
• Type icon.
• Element name — the element type, the icon name for icons, the group name for groups, or, for text elements, a preview of the text content.
• Variable badge ({{variableName}}) on variable-bound elements, and the member count on groups.
• Eye icon — toggle element visibility.
• Lock icon — toggle element lock.

The eye and lock icons appear when you hover or select a row, and stay visible on hidden or locked elements.

Click a row to select that element on the canvas (and vice versa — selecting on canvas highlights the row).

Reordering layers

Drag a row to move it up or down. A blue line indicator shows where it will be dropped. Reordering in the panel is equivalent to using the layer-order buttons in the Properties panel.

Visibility (eye icon)

Click the eye icon to toggle an element’s visibility:

• Visible (eye open) — the element shows on canvas and in exports.
• Hidden (eye closed/slashed) — the element is invisible on canvas and in exports. Useful for elements you want to keep but temporarily hide.

Locking (lock icon)

Click the lock icon to toggle:

• Unlocked — the element can be selected, moved, and edited normally.
• Locked — the element cannot be selected or moved by clicking on the canvas. Use this to protect background elements. A lock badge also appears on the element on the canvas, at any zoom level; click the badge (“Click to unlock”) to unlock and select the element.

Multi-select in the layers panel

Cmd/Ctrl + click for individual multi-select. Shift + click for range select.

Context menu

Right-click any layer row for quick actions:

Action	Shortcut	Condition
Group	⌘G	Two or more items selected
Ungroup	⇧⌘G	Right-clicked row is a group
Duplicate	⌘D	Any element
Delete	⌫	Any element