Skip to main content
All CollectionsLayout and Design
Viewing Your Page’s Structure Using the Layers Panel
Viewing Your Page’s Structure Using the Layers Panel
Updated over 3 months ago

The Layers Panel is a list of each element and component on your page. To select an object, click or tap the object’s name.

On macOS, you can reorder objects by dragging their layers to a new position in the Layers Panel. On iOS, close the Layers Panel and use the up and down arrows ion the left side of the Editor. In the future, you'll be able to reorder objects by dragging them in iOS as well as macOS.

Moving an object to a new position will also move its children. If an object has children, they will be indented beneath the object. To collapse or expand all levels of an object's children, hold “OPT” and click the layer's chevron. To collapse or expand all levels of all nodes, hold “CMD” and click the layer's chevron.

You can hide layers by clicking the eye icon next to each layer on macOS or tapping the eye icon on iOS with the layer selected.

The Layers Panel on macOS

In macOS, the Layers Panel is on the left side of the screen. You can toggle its visibility using the Layer button in the bottom left corner or use the keyboard shortcut OPT + 1.

Filtering the Layers Panel

If you only want to see certain elements in your Layers Panel, you can use the filter button in the top right corner of the Layers Panel. You can then check whichever object types you'd like to see, and the rest will be filtered out.

You can always turn off filtering by selecting "All" from the top of the list.

Isolating a Selection

Select isolate selection from the filter dropdown to view only the layers for your current selection. Turn off isolate selection by unchecking it.

The Layers Panel on iOS

To open the Layers Panel in iOS, swipe right on your screen. Use the menu at the bottom of the screen to rename, hide, copy, and duplicate your element, plus more!

Did this answer your question?