Docs The Studio
Layers and arranging
Stacking order, alignment, grouping, locking and hiding.
The layers list
Under the page thumbnails, choose Show layers. The list shows every layer on the page, top of the stack first.
- Click a row to select the layer, even if it is hidden behind another on the canvas.
- Drag rows to change the stacking order.
- Double-click a name to rename it. Clear names help the agent too: "Headline" is easier to refer to than "Text 3".
- The lock icon stops a layer being moved or edited by accident. The eye icon hides it; hidden layers are not exported or published.
Order
- Bring forward
- ⌘ ]
- Send backward
- ⌘ [
- Bring to front
- ⇧ ⌘ ]
- Send to back
- ⇧ ⌘ [
Align and distribute
Select layers and use Arrange → Align: Left, Centre, Right, Top, Middle, Bottom. One layer aligns to the page; several align to each other. Distribute horizontally and vertically space three or more layers evenly.
Group
Select two or more layers and press ⌘G. A group moves, copies and deletes as one. ⇧⌘G ungroups. Layers inside a group can still be selected and edited one by one.
Position by numbers
Under Adjust → Position and size: X, Y, Width, Height, Rotation and Opacity. X and Y are measured from the top-left corner of the page, in pixels.
Copy between pages
Copy (⌘C) layers, switch to another page of the design, and paste (⌘V). Pasting again places each copy slightly offset so they do not hide each other. To reuse layers in another design, duplicate the design (File → Duplicate design) or save it as a template.

