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.

In macOS, the Layers Panel is on the left side of the screen.

Undocking the Layers Panel hides all panels from your screen and displays the Layers Panel beside your current selection. Selecting a new object will cause the Layers Panel to move to your new selection.

To undock the Layers Panel, click the undock icon, the first icon in the top right corner of the Layers Panel. To re dock the Layers Panel, click the same icon.

Press the isolate selection button to view only the layers for your current selection.

To isolate the selection, click the isolate icon, the second icon in the top right corner of the Layers Panel. Turn off isolate selection by clicking the same icon.

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!