Canvas tools

Scroll or pinch to zoom, drag the empty canvas (or hold Space) to pan, Shift+drag to box-select. The stack in the bottom-right corner holds Zoom in, Zoom out, Fit view, Tidy up (auto-arrange, ⌘⇧L), the light/dark Theme switch and Visual controls for toast and browser notifications. Zoom-to-fit, zoom-to-selection and zoom-to-100% are Shift1 / 2 / 0.

Bottom-right, the node toolbar expands from a single icon into two rows:

Blocks

Add Image · Add Code Node · Add Text Node · Open DESIGN.md Guide · Add Video Node · Add Group — inputs and containers that never run on their own.

Agents

Image Generation · Code Generation · Social Post Campaign · Video Generation · SVG Generation · Shader Generation · Screen Design · Style Guide · Browser Capture — each drops a wired prompt-plus-output pair.

Right-click anywhere (or ShiftF10) for the same items in a context menu, plus Add prebuilt workflow and the utilities: Gen All Button, Add Sticky Note, Add Group and Save Current Workflow… as a template. A trailing keyboard icon on the toolbar opens the full shortcut list.

Left toolbar

New workflow (start empty, duplicate the current canvas, or open a prebuilt), Search projects across every workspace you belong to (rename, favourite and delete inline), Favorite current workflow, Open DESIGN.md, Download assets and the Gallery of everything you have generated before.

The nine-dot Tools menu is the account and catalogue surface: your avatar and email, a Workspace switcher, Projects, Personal settings and Workspace settings, your plan badge, and Sign out. Below that, Premade workflows lists every prebuilt flow with an open action and an Add to current canvas action, and My Workflows tabs between Recent and your saved Templates, with a search that also looks across your other scopes.

⌘K opens the command palette — type to filter Tools (every prebuilt workflow), your Recent canvases, Workflows matching the query across scopes, Actions such as New Workflow, and account actions. ↑↓ to move, ↵ to select, Esc to close.

Run on a prompt node runs that node. Gen all on a group runs the prompts inside it. The Run all pill at the top of the canvas runs the whole graph in dependency order, with independent branches in parallel. When a run would replace outputs that already exist, a dialog asks first — Regenerate N outputs or Generate Empty Only — and can be silenced per browser.

A burst larger than your plan’s parallel limit is never refused. The extra generations wait in line, the prompt node shows Queued · N ahead, and each starts the moment a slot frees. The usage chip bottom-right shows how much GPU budget the cycle has left, when it resets, and where to add more.

• Auto-save. The canvas saves 1.5 seconds after you stop changing it — there is no save button — and flushes before you navigate into an editor so the last edit is never lost. Saving pauses while a run is in flight; job progress is written back as it lands.
• Undo / redo. ⌘Z and ⌘⇧Z step through your edits. Job progress is not an undo step: undoing the prompt you just added removes the prompt, never a finished output.
• Duplicate a selection with ⌘D; group it with ShiftG; delete with Del (edges go immediately, nodes ask).
• Paste. ⌘V with an image on the clipboard drops an image node; with SVG markup, an SVG code node.
• Templates. Save any canvas as a template from the context menu or Tools menu and start new work from it later.

A canvas can carry one DESIGN.md — a design guide in plain markdown covering colours, type, voice, spacing and components. Open it from the left toolbar or the Open DESIGN.md Guide block. Whatever it says is applied to every generation on the canvas; a workspace can set its own guide that every canvas inherits. A prompt that should ignore the guide flips its DESIGN.md pill to DESIGN.md off. Compress with AI shortens a long guide without losing the rules.

A design node produced by a Style prompt is local until you connect it; the canvas-wide DESIGN.md is what applies everywhere. Inside the guide, {{logo}} and {{icon}} resolve to the image nodes tagged logo and icon, so “place the logo top-left” means the real file.

Download assets on the left toolbar opens Export workflow:

Press-kit PDF

Combine screens into PDF — choose screens, set their page order, export one landscape document. Shown when the canvas has exportable pages.

Code editor handoff

Export ZIP bundles screens, guides, copy, assets, a manifest and a build prompt for your IDE agent; Copy prompt puts the build prompt on the clipboard.

Individual assets

Select all, or tick images, videos and code files one by one, each in its native format and extension.

Each node also exports itself: images with Download as…, code and DESIGN.md with Download file, screens as .html, PDF or ZIP from the screen editor, shaders as a standalone page or raw source from the shader studio.

Share opens the Share workflow dialog: one switch, Anyone with the link can view, a copyable link, and a Social preview card you can regenerate after the canvas changes. Visitors see a read-only canvas and can copy outputs; they cannot edit or run. See Sharing for the details.

On a Team workspace, teammates open the same canvas: their avatars sit top-right, their cursors move live over the nodes, and their selections show. Sticky notes can @-mention members. A canvas moves between Personal and any workspace from its visibility menu. Generations a teammate starts appear on your open canvas as they land, including runs started headlessly from the API or an MCP agent.

Every canvas is a project. The Projects page lists them with live thumbnails, who created and last edited each, and Open, Rename, Move and Delete actions. The heart on the canvas toolbar marks favourites, which sort first everywhere including the MCP get_favorite_projects tool.

Personal settings cover Usage & billing, Profile, Assistant rules, Notifications, API & integrations (API keys) and Share links. Workspace settings add Branding, Brand fonts, Models, Members, Invitations and Domains.