Editor

The canvas editor

Work in the canvas editor: the tool rail panels, the canvas and its artboard ratios, the Inspector, undo/redo, and the full keyboard-shortcut set.

Editor layout

The editor has three regions: the icon tool rail on the left, the canvas in the center, and the Inspector on the right. A rail panel slides over the canvas when you open a tool, and the Layers panel is open by default.

The icon tool rail runs down the left edge, the canvas sits centered showing the current artboard ratio, and the Inspector panel docks on the right with the selected element's properties.

The tool rail

The rail's tools, from top to bottom, with Help at the foot:

  • Add element: insert an element onto the canvas
  • Layers: reorder, show or hide, and lock the elements in your design
  • Brand: the design levers for your palette, fonts, and canvas background
  • Creative & AI: the copy, video, motion and AI-image settings for this template
  • Assets: the images you have uploaded
  • Templates: switch templates or import a design (including Import from Figma)
  • Help: open the keyboard-shortcut cheat sheet

Working on the canvas

Select an element to move, resize, or rotate it. The design adapts across the three Meta artboard ratios (1:1, 4:5 and 9:16), and a safe-zone overlay shows where content stays clear of the frame. Once Pinterest is connected, a fourth artboard appears alongside them: 2:3, Pinterest's own 1000x1500 Pin size. Double-click an image to crop it in place. The exact-preview toggle swaps the live board for the exact rendered PNG, so what you see is the render the feed will use for everything except AI-written copy.

The Inspector

The Inspector on the right shows the selected element's numeric position and size plus its color, opacity, and corner radius, and the canvas background controls. During a drag it tracks the live position, so the readout stays in step with the canvas.

Undo, redo, and history

Every canvas change is one undoable step. Undo and redo work from the keyboard on the canvas and from the top-bar buttons, and both drive the same history stack.

Keyboard shortcuts

The editor shares these shortcuts, grouped by what you reach for. The Help button in the tool rail opens the same cheat sheet inside the editor.

Selection & clipboard

⌘ASelect all elements
⌘CCopy
⌘VPaste
⌘DDuplicate
EscDeselect
Delete BackspaceDelete the selected element(s)

History

⌘ZUndo
⇧⌘Z ⌘YRedo

Move & arrange

← ↑ → ↓Nudge the selection 1px
⇧ + arrowNudge the selection 10px
Tab ⇧TabCycle through layers
⌥↑ ⌥↓Move the selection forward / back a layer

Canvas

Space + dragPan around the canvas
⌘ + scrollZoom in and out around the cursor
Double-clickCrop an image in place
⇧1Fit the canvas to the window
⇧0Reset zoom to 100% without moving the canvas

Multi-select

⇧-clickAdd or remove an element from the selection
Drag a boxMarquee-select several, then align them in the Inspector
⌘GGroup the selection
⇧⌘GUngroup

Rotate

Drag handleRotate in fine 1° steps
⇧ + dragRotate in coarse 15° steps