Build in Canvas
Use Canvas to watch several workspaces and organize the work visually.
Canvas is not only a whiteboard. It is a visual workspace where you can pin live terminals, organize notes, and ask agents to draw or arrange context while several tasks are moving at once.
Overview
| Without Canvas | With Canvas |
|---|---|
| Alt-tab between workspaces | Multiple terminal cards on one board |
| Context lost when switching | Pin to Canvas keeps sessions visible |
| Diagrams in external tools | Agents can help edit the board |
Open Canvas from the left sidebar Management Center → Canvas.
Core capabilities
- Pin terminals — live terminal panes from any workspace as cards on the board.
- Pages — separate board pages for different threads of work.
- Frames — group related cards, notes, and diagrams.
- Agent on Canvas — let agents create notes, move items, and organize the board.
- Copy shapes to agent context — Select graphics and paste content into agent prompts.
1. Pin a terminal to Canvas
- In a workspace, open the Terminal tab and focus a pane with a live session.
- On the pane toolbar, click Pin to Canvas, or use the context menu.
- Toast: Pinned to Canvas — the shape is saved on your default board.
- Open Canvas — the board loads; the last pin is auto-focused.
- On the card: Source jumps back to that terminal pane; Unpin removes the shape.
Repeat for terminals in other workspaces to work on multiple agents in parallel on one surface.
2. Organize pages and frames
Pages
- Terminal pins belong to the current page.
- Switch pages from the page menu when the board has more than one page.
Frames
- Expand the top-right toolbar if collapsed.
- Click Frame to drop a named frame at the viewport center.
- Resize and rename it; group related cards and diagrams inside frames.
Use frames for “sprint board”, “service A migration”, or “incident timeline” groupings.
3. Parallel Code Agents on Canvas
Typical pattern:
- Pin workspace A’s agent terminal (feature branch).
- Pin workspace B’s agent terminal (hotfix).
- Add sticky notes for goals and risks.
- Watch both panes without leaving Canvas.
Jump to Source when you need the full workspace UI (editor, Review, Run / Preview).
4. Let agents work on Canvas
- Open the Canvas agent controls in the top-right corner.
- Enable agent access to the board.
- Copy the instructions shown there into your coding agent when needed.
- While the agent works:
- Bridge icon pulses; shapes may show transient highlights.
- Canvas agent activity island (bottom-right) lists actions.
- Last change · Jump pans to the latest edit.
Ask agents to draw architecture diagrams, sequence flows, or organize notes. You can also copy selected board content into an agent conversation when you need to share context.
Save and persistence
- Save keeps the current board state.
- Auto-save also runs in the background.
Related
- Canvas — feature overview
- General Build Process
- Project & Workspace Manager