Frames, artboards & pages
A frame is a container — a screen, a poster, a sticker sheet. Draw one, snap it to a preset size, decide whether it clips its contents, and pin how children respond when it resizes.
Draw a frame
The Frame tool, and what click vs drag gives you.
- Press F (or A), or click the Frame chip in the toolbar.
- Click for a default 320 × 200 frame, or drag to draw an exact size.
- Drag layers inside — a frame carries and clips its children, and loose art dropped onto it is re-parented into it.
The chevron on the Frame chip also offers Section (S) and Slice (⇧ S). To wrap an existing selection in a frame, press ⌥ ⌘ G.
Screen presets
Select a frame → the Size section of the inspector shows a preset grid that resizes it. Explicit width/height always override a preset.
| Preset | Size (px) |
|---|---|
| Desktop | 1440 × 1024 |
| Laptop | 1280 × 800 |
| Tablet | 834 × 1194 |
| Phone | 390 × 844 |
| Phone SM | 375 × 812 |
| Slide (16:9) | 1920 × 1080 |
| Post (1:1) | 1080 × 1080 |
| Story (9:16) | 1080 × 1920 |
Print artboards
Turn on “Print artboard” in the Size section and the presets switch to real-world millimetres — for stickers, cards and paper.
| Preset | Size (mm) |
|---|---|
| Sticker 3″ | 76.2 × 76.2 |
| Sticker 2″ | 50.8 × 50.8 |
| Postcard 4×6 | 152.4 × 101.6 |
| A4 | 210 × 297 |
| Letter | 215.9 × 279.4 |
| Square 1080 | 91.4 × 91.4 |
A print artboard unlocks the Print button → prepress controls (bleed, safe area, crop & registration marks, DPI). See Export, inspect & print.
Clip, rotate & fit
Per-frame options in the Size section.
Clip content
Toggle whether the frame hides anything that extends past its edges (on) or lets it overflow (off).
Rotate
The ↻ Rotate button swaps a frame between portrait and landscape.
Resize to fit
⌥ ⇧ ⌘ R shrinks a frame to hug its contents.
Constraints
For a layer inside a frame: how it moves and stretches when the frame resizes. Shown in the Constraints section.
Horizontal: Left · Right · Center · Scale · Left & right. Vertical: Top · Bottom · Center · Scale · Top & bottom. “Left & right” (or “Top & bottom”) pins both edges so the layer stretches with the frame; “Scale” resizes it proportionally.
Pages
Bigger projects split across pages. The canvas itself is infinite — pages keep separate boards apart.
Open the File tab in the left panel to see Pages and the live Layers list. Add a page from the caret (⌄) next to the composition’s name. Rename a layer or frame with ⌘ R.