SodaSodaDocs
Open Soda

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.