The canvas

Home, projects, prototypes and variants, each on phone, tablet and desktop.

Home

Home has a card for every project, with a picture of one of its prototypes. Click a card to open the project. Until you have a project, Home is the welcome screen. The Tutorial button in the toolbar shows again how to bring one in.

View › Home (⇧⌘H): Back to Home from any project. View › Project opens another one directly.
Right-click a card: Reveal Repo in Finder, or Move to Trash. The project's prototypes and snapshots go to the Trash too; the repo itself stays as it is.

Projects and prototypes

Inside a project, the sidebar lists its prototypes, so other projects stay out of sight. A prototype is one idea, such as a pricing card. Its variants are the takes on it, and each variant is a row of frames on the canvas.

Show one variant: Unfold a prototype and click a variant under it. Click the prototype again to see them all.
The project menu: The project's name at the top of the sidebar. It switches to another project or goes Home, and has Reveal Repo in Finder and Move Project to Trash.
Right-click a prototype: Reveal in Finder, or Move to Trash, which takes its variants and snapshots along. You can put it back from the Trash.
The clock and a number: How many snapshots a prototype has.
A colored dot: Claude is working in that prototype. Hover it to see who.

Devices

The device buttons in the toolbar choose which frames every variant shows. Turn on as many as you like; the last one stays on. The choice applies to every prototype, and is also under View.

One take on a bold yellow landing page, shown on phone, tablet and desktop side by side

Phone	390 × 844
Tablet	834 × 1112
Desktop	1440 × 900
Free-form	Any size, starting at 1024 × 768

A free-form frame is the one to resize: drag its corner handle and the page reflows as you go. The size is remembered.

Moving around

Pan: Scroll, drag the empty canvas, or hold Space and drag, which works over pages too.
Zoom: Pinch, or scroll while holding ⌘. ⌘9 fits everything, ⌘0 is 100%, ⌘+ and ⌘− step in and out. The percentage in the toolbar has the same choices.
Zoom to one frame: Double-click the frame’s label, or right-click the frame and choose Zoom to Frame.
Use a page: Click a frame to focus it, and scrolling goes to the page instead of the canvas. Esc, or a click on the canvas, gives scrolling back.

Frames

Each frame is the real page, live. It reloads the moment Claude saves. Right-click a frame for Show in Full Screen, Open in Browser, Reload Frame and Zoom to Frame. The icon above a frame opens it full size; see Previews and mockups.