Layers Panel

The Layers panel is an X-ray tree of your page — Pages → Frames → Elements — with per-row visibility and lock toggles and drag-to-reorder.

Where: Left sidebar → Layers — Open the Layers panel

Key ideas

• Tree view: Rows show an icon by element type, the name, and visibility + lock toggles.
• Reorder by drag: Dragging a row reflows the DOM tree (z-order / nesting).
• Context actions: Right-click for duplicate, delete, lock, group.

Steps

1. Open the Layers panel in the left sidebar.
2. Click a row to select it on the canvas.
3. Toggle the eye to hide, the lock to prevent edits.
4. Drag rows to reorder or re-nest.