Layers

Navigate and organize the element hierarchy.

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

To open the layers panel, click the Page tab in the left sidebar.

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.