The editor at a glance

The top bar: add-layer palette, the action bar, zoom and the Animate toggle.

Last updated About 4 hours ago

Editor chrome, empty design

The editor surrounds a central canvas with a top bar, a layer list on the left and a property panel on the right.

Editor with the canvas loaded
Editor with a populated canvas

The top bar

From the left: a back arrow, a menu with design-level actions — Settings, Save, Share, Revisions, Import layers (copy layers in from another design), Load (reload from the server) and Help (the shortcut cheat sheet).

The add-layer palette has single-click buttons for the frequent kinds — Text (T), Shape (S), Image (I) and Video — plus a more button for Playlist, Table, Webpage and Custom (code) layers.

The action controls cover undo, duplicate, delete, the two snap toggles (snap to grid, snap to other layers), a settings gear, share, and the align / distribute and text-sizing controls. On the right: the zoom control (a dropdown from 10% to 300%) and the Design / Animate mode toggle (Animate reveals the timeline).