2Working with layers

Drag rows to reorder them. Drop a row on a frame or group to move it inside.

Right-click for Rename, Duplicate, Delete, Group Selection, Ungroup, Create Component, Detach, boolean operations, Lock and Hide.

Group with Cmd+G, ungroup with Cmd+Shift+G. Move a layer down or up the stack with [ and ].

Arrow keys nudge by 1 pixel, with Shift by 10.

An instance lists the content you changed underneath its row.

Loading Design Editor…

DocsUsing the editor

Layers and pages

The left panel holds the layer tree and the pages of the document, next to the agent chat, components, images and slides.

1The left panel

Its tabs are Agent, Layers, Components, Images and Slides. Cmd+\ hides or shows the whole panel.

2Working with layers

Drag rows to reorder them. Drop a row on a frame or group to move it inside.
Right-click for Rename, Duplicate, Delete, Group Selection, Ungroup, Create Component, Detach, boolean operations, Lock and Hide.
Group with Cmd+G, ungroup with Cmd+Shift+G. Move a layer down or up the stack with [ and ].
Arrow keys nudge by 1 pixel, with Shift by 10.
An instance lists the content you changed underneath its row.

3Pages

A document can have many pages. Add a page, then right-click it to rename, duplicate, delete, or move it up and down the list.

4Images tab

Lists every image on the page. Click one to select it and zoom to it. From here you can also search Openverse for photos or generate an image with the provider set in Settings, Images.

5Undo

Cmd+Z undoes and Cmd+Shift+Z redoes, up to 100 steps back. A whole script run by an agent counts as one step.