Layers
Navigate and control the page elements using the Layers panel
Last updated
Navigate and control the page elements using the Layers panel
Last updated
The Layers panel provides a clear overview of your page structure, displaying all sections and elements in a hierarchy from top to bottom.
Steps:
From the left-side bar of the editor, click Layers or press (L).
The Page Layers panel of the page will be opened.
Elements nested within other elements form a parent-child relationship, clearly visible in the panel. By clicking on a parent element, you can expand and view its child components.
Perform actions like moving the element up or down, renaming duplicating, exporting and so on.
Steps:
Click on the layer's name.
The layer that is hidden will have its name dimmer than the other.
Easily re-order the elements and sections on your current page by drag and drop them in the Layers panel.
Moving the elements around in the Layers panel will affect their position on the canvas.
Click the More actions icon next to the layer's name.
The layer that has the animation effect enabled will have the icon next to its name.
