What Is Canvas Mode?
Canvas Mode opens a document editor as a right-side panel alongside your chat. The chat stays on the left; the canvas fills the right. When you ask ZeroTwo to create something — a report, a script, a diagram, a spreadsheet — it writes the content directly into the document rather than into the chat thread. This means you get:- A properly formatted, editable document — not prose buried in a chat bubble
- Inline AI editing: select any text and ask ZeroTwo to rephrase, expand, or fix it
- Export to PDF, DOCX, CSV, SVG, and more
- A shareable public read-only link for the document
- Version history tracked as the document evolves
How to Activate Canvas Mode
Open a chat
Navigate to any chat at
/c or /c/:chatId. Canvas Mode is available in the main chat interface.Click the Canvas pill
Find the Canvas pill in the prompt bar at the bottom of the chat. Click it — it turns blue/highlighted when active.
Describe what you want
Type your prompt as normal. ZeroTwo will create the content inside a canvas document rather than responding in the chat.
The 7 Editor Types
ZeroTwo supports seven canvas editor types. The AI selects the most appropriate one based on your prompt, or you can specify the type directly.| Editor | Best For | Example Prompt |
|---|---|---|
| Rich Text | Documents, reports, emails, proposals | ”Write a project proposal…” |
| Code Editor | Scripts, functions, full programs | ”Write a Python function…” |
| Spreadsheet | Tables, budgets, comparisons, timelines | ”Build a comparison table…” |
| Mermaid Diagram | Flowcharts, ER diagrams, sequence diagrams | ”Draw a flowchart of the user signup process” |
| HTML Preview | Landing pages, UI mockups, data visualizations | ”Build a live HTML landing page mockup…” |
| SVG | Vector graphics and icons | ”Create an SVG illustration of…” |
| PDF / Slides Viewer | Viewing uploaded PDFs and presentations | Opened automatically when viewing uploaded documents |
Key Features
Inline AI Edits
Select any text in the canvas and an inline toolbar appears. Type an instruction — rephrase, expand, shorten, translate — and ZeroTwo edits in place.
Undo / Redo
Full undo and redo support throughout the canvas. Use Cmd/Ctrl+Z to undo and Cmd/Ctrl+Shift+Z to redo.
Version History
ZeroTwo tracks versions of your canvas as it evolves through the conversation, so you can see how the document changed.
Export
Export canvas documents to PDF, DOCX, CSV, SVG, PNG, or Markdown depending on the editor type.
Share via Public Link
Generate a public read-only link to your canvas at
/share/canvas/:id. Viewers do not need a ZeroTwo account.Slash Commands
In the rich text editor, type
/ to access a block menu: headings, tables, code blocks, image embeds, and more.Common Use Cases
Writing and Documents Use the rich text editor to draft reports, proposals, job descriptions, emails, blog posts, or documentation. ZeroTwo structures content with proper headings and formatting — it writes the document, not just a block of text. Coding Use the code editor to generate scripts, functions, and full programs with syntax highlighting. Paste your existing code and ask ZeroTwo to refactor, add types, write tests, or convert between languages. Diagrams and Architecture Use the Mermaid diagram editor to visualize system architecture, database schemas, API flows, project timelines, and state machines — rendered live as you describe them. HTML Mockups and Prototypes Use the HTML preview to build live-rendered landing pages, UI components, data visualizations, and interactive forms — all rendered in real time in a sandboxed pane. Structured Data Use the spreadsheet editor to create comparison tables, budgets, project timelines, and pricing tables — with formula support and direct CSV export.Specifying the Editor Type
ZeroTwo infers the editor type from your prompt. If the wrong editor opens, or you want a specific one, include it explicitly:| To open this editor | Say something like |
|---|---|
| Rich Text | ”Write a document about…” / “Draft a report on…” |
| Code | ”Create a code canvas in Python…” / “Write a JavaScript function canvas…” |
| Spreadsheet | ”Make a spreadsheet comparing…” / “Build a table with columns for…” |
| Mermaid Diagram | ”Create a Mermaid flowchart…” / “Draw a sequence diagram…” |
| HTML Preview | ”Build an HTML page that…” / “Create a live HTML canvas…” |
Canvas Pages
Rich Text Editor
Documents, reports, emails, and proposals powered by BlockNote.
Code Editor
Generate and edit code with syntax highlighting for all major languages.
Spreadsheet Editor
Tabular data, formulas, and CSV export.
Diagram Editor
Mermaid-powered flowcharts, ER diagrams, Gantt charts, and more.
HTML Preview
Live-rendered HTML/CSS/JS with split-pane editing.
Export Canvas
PDF, DOCX, CSV, SVG, PNG, and Markdown export options.
Share Canvas
Generate public read-only links and manage sharing.
Troubleshooting
Fix common canvas issues quickly.