Layers

Navigate and organize the element hierarchy.

The Layers panel shows your design’s element hierarchy as a tree structure.

The Layers section is always visible in the left panel while you design.

Reordering elements

Drag layers up or down to reorder them within the hierarchy.

Renaming layers

Double-click any layer name to rename it. Use descriptive names to make complex designs easier to navigate.

FAQ

Why is there a lock icon next to some layers?

Some layers are locked because they’re essential for the page or component to function. For example, most page layouts have a “children” layer that cannot be deleted because it’s needed to render the actual page contents.