Quick Tour
The editor is a canvas with a panel on each side and a toolbar at the bottom. Learn where those live and one shortcut, and you can find everything else. To skip straight to designing with an agent, go to Your First AI Chat.
What’s on the screen?
Tabs run across the top, your files and layers sit on the left, properties on the right, and the tools and AI input at the bottom.
Tabs Home, then one tab per open project.
Nav rail Switches the left panel between File, Assets, Checkpoints and Project.
Files Every canvas in the project. Each canvas is one file.
Layers Every element on the active canvas, nested the way the canvas nests.
Canvas Where you design.
What’s the one shortcut to learn?
Press ⌘K. It opens a search that finds and runs anything: commands, canvases, layers, fonts and chats.
When you know what you’re after, narrower searches are faster.
| Search | Shortcut |
|---|---|
| Everything | ⌘K |
| Canvases and files | ⌘P |
| The file tree, in place | ⌘L |
| Your AI chats | ⌘⇧I |
| Layers | The search button in the Layers header |
Where is the AI chat?
The AI input sits in the bottom toolbar. Press . to open the chat from anywhere. Press / with nothing selected to do the same; with a selection, / opens an inline prompt on that selection. Your First AI Chat walks through it.
How do I move around the canvas?
Navigation follows what you know from other design tools.
| Do this | With this |
|---|---|
| Pan | Hold Space and drag, or two-finger drag |
| Zoom | ⌘= and ⌘-, or pinch |
| Fit the whole canvas | ⌘⌃A (AltA on Windows) |
| Fit the selection | ⌘⌃F (AltZ on Windows) |
| Flip to 100% and back | 0 |
How do I select and move things?
Click to select, and Shift-click to add or remove. Drag on empty canvas to marquee.
| Do this | With this |
|---|---|
| Drill into a frame, or back up | Enter and ⇧Enter |
| Next or previous sibling | Tab and ⇧Tab |
| Nudge | Arrow keys; hold Shift for a larger step |
| Duplicate | ⌘D, or Option-drag a copy out |
| Undo and redo | ⌘Z and ⌘⇧Z |
Undo covers your changes and the AI’s. There’s no penalty for experimenting.
Do I need to save?
No. Every change, yours or the AI’s, is saved to the .bl file on disk shortly after you stop editing, so you can close the app without losing work. A fresh launch drops you into a Scratch project, so you can design before opening a folder of your own.
.bl files are plain-text Blueprint, so they work in git: every commit renders as a readable diff.
c16fc75741feed85 fr p(80,80) s(480,320) rd(16) "Hero"
- 88625e475868c087 r p(24,24) s(160,100) f[(r1,#F8F8F8)] rd(8) "Panel"
+ 88625e475868c087 r p(24,24) s(160,100) f[(r1,#0080FF)] rd(8) "Panel"Where next?
Design with the built-in agent: Your First AI Chat.
Use your own AI: Connect an AI Provider.
Drive Brilliant from your editor: Claude Code, Cursor, or any MCP agent.
Every chord: Keyboard shortcuts.