Skip to main content

Layers Panel

The Layers panel shows every element on your page as a nested tree. Open it by clicking the Layers icon in the left sidebar.

Layers Panel

Selecting Elements​

Click any element in the tree to select it on the canvas. The selected element highlights in blue. This is useful for reaching elements that are hard to click on the canvas - small elements, overlapping elements, or deeply nested ones.

Expanding and Collapsing​

Click the arrow next to a container to expand or collapse its children.

Reordering Elements​

Drag elements up and down in the tree to reorder them. You can move elements within the same container or drag them into a different container. The canvas updates immediately.

Reordering Elements

Right-Click Menu​

Right-click any element in the Layers panel to open the context menu.

Layers Context Menu

This gives you access to Edit, Copy, Cut, Duplicate, Delete, Copy/Paste Style, Convert to Component, and Ask AI - the same options as right-clicking on the canvas.