Layers

Navigate and control the page elements using the Layers panel

Foxify AI turns a prompt into a well-structured page layout in seconds. Try Foxify AI ✨

The Layers panel provides a clear overview of your page structure, displaying all sections and elements in a hierarchy from top to bottom.

Open the Page Layers

Steps:

1. From the left-side bar of the editor, click Layers or press (L).

2. 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.

Manage a layer

Perform actions like moving the element up or down, renaming duplicating, exporting and so on.

Steps:

1. Click on the layer's name.

2. 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.

• The layer that is hidden will have its name dimmer than the other.

Re-order Layers

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.