> ## Documentation Index
> Fetch the complete documentation index at: https://docs.zerotwo.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Export Canvas

> Export your canvas documents as PDF, Word DOCX, CSV, SVG, PNG, Markdown, or raw HTML — ready to use outside ZeroTwo.

Every canvas you create in ZeroTwo can be exported for use outside the platform. Export formats depend on the editor type — a Rich Text document becomes a PDF or Word file; a spreadsheet becomes a CSV; a diagram becomes an SVG or PNG. Click the **Download / Export** button in the canvas toolbar (top-right of the canvas panel) to access all available formats for the current canvas.

## How to Export

<Steps>
  <Step title="Open the canvas">
    Make sure the canvas panel is open on the right side of your chat. If it is not visible, click the Canvas pill in the prompt bar to reopen it.
  </Step>

  <Step title="Click the Export button">
    In the canvas toolbar at the top-right of the canvas panel, click the **Download** or **Export** icon.
  </Step>

  <Step title="Select a format">
    A dropdown or modal appears with the available export formats for the current editor type. Select the format you want.
  </Step>

  <Step title="Download or copy">
    The file downloads to your device, or the content is copied to your clipboard (for Markdown and HTML source exports).
  </Step>
</Steps>

## Export Formats by Editor Type

<Tabs>
  <Tab title="Rich Text">
    The Rich Text editor supports four export formats:

    **PDF**
    Best for sharing with stakeholders who need to read but not edit the document. Preserves all document structure:

    * Headings (H1, H2, H3) rendered with proper hierarchy
    * Bold, italic, and inline code formatting
    * Bullet and numbered lists with correct indentation
    * Tables with borders and cell content
    * Code blocks with monospace font

    **Word (DOCX)**
    Best for sharing documents that others need to edit, or for continuing work in Microsoft Word or Google Docs. Compatible with Word, Google Docs, LibreOffice, and Apple Pages. All headings, lists, bold/italic, and tables are converted to native Word styles.

    **Markdown**
    Best for moving content to GitHub, Notion, Obsidian, a CMS, or any Markdown-native tool. Copies the document as Markdown text to your clipboard:

    * `#` / `##` / `###` for headings
    * `**bold**` and `*italic*`
    * Backtick inline code and fenced code blocks
    * `-` bullet lists and `1.` numbered lists
    * `|` pipe-format tables

    **Email**
    Best for generating email drafts to copy into Gmail, Outlook, or any mail client. Structures the canvas content as a properly formatted email — opens with a greeting line, wraps the body, and closes with a professional sign-off. Edit the greeting and signature before sending.
  </Tab>

  <Tab title="Code">
    The Code editor supports two export options:

    | Format                | How                                      | Best For                                                        |
    | --------------------- | ---------------------------------------- | --------------------------------------------------------------- |
    | **Copy to clipboard** | Click the **Copy** button in the toolbar | Pasting code into your project files, IDE, or another tool      |
    | **Download as file**  | Click **Download**                       | Saving the code as a standalone file with the correct extension |

    ZeroTwo automatically uses the correct file extension based on the detected language. A Python canvas downloads as `.py`; a TypeScript canvas downloads as `.ts`; a Go canvas downloads as `.go`.
  </Tab>

  <Tab title="Spreadsheet">
    The Spreadsheet editor exports as CSV:

    | Format  | How                                   | Best For                                                               |
    | ------- | ------------------------------------- | ---------------------------------------------------------------------- |
    | **CSV** | Click **Download CSV** in the toolbar | Opening in Excel, Google Sheets, Numbers, or importing into a database |

    **Note:** CSV export includes cell values only. Formulas are exported as their computed results, not as formula strings. Column formatting (bold headers, colors) is not preserved in CSV.
  </Tab>

  <Tab title="Diagram">
    The Mermaid Diagram editor supports two export formats:

    **SVG (recommended)**
    Exports a scalable vector file. Best for:

    * Embedding in documentation or web pages
    * Presentations where scalability matters
    * Further editing in Figma, Illustrator, or Inkscape
    * Small file size

    **PNG**
    Exports a raster image. Best for:

    * Documents, slide decks, and emails
    * Any tool that does not support SVG embedding
    * Quick sharing at a fixed resolution

    A blank export almost always means a Mermaid syntax error. Fix the diagram first (check the right pane for an error state), then export.
  </Tab>

  <Tab title="HTML">
    The HTML Preview canvas exports its source:

    | Format               | How                                | Best For                                                              |
    | -------------------- | ---------------------------------- | --------------------------------------------------------------------- |
    | **Copy HTML source** | Click **Copy HTML** in the toolbar | Pasting into a local file, a web project, or a static hosting service |

    The copied HTML is a complete, self-contained document. All inline CSS and JavaScript is included. External libraries (Chart.js, D3, Tailwind) are sourced from CDN links embedded in the `<head>`.
  </Tab>
</Tabs>

## Export Format Quick Reference

| Editor          | Available Exports                                                         |
| --------------- | ------------------------------------------------------------------------- |
| Rich Text       | PDF, Word (DOCX), Markdown (copy to clipboard), Email (copy to clipboard) |
| Code            | Copy to clipboard, Download as file (auto-detected extension)             |
| Spreadsheet     | CSV download                                                              |
| Mermaid Diagram | SVG download, PNG download                                                |
| HTML Preview    | Copy HTML source                                                          |

## Choosing the Right Format

| Situation                                  | Recommended Format   |
| ------------------------------------------ | -------------------- |
| Sharing a final document with a client     | **PDF**              |
| Handing off a document for others to edit  | **Word (DOCX)**      |
| Moving content to GitHub, Notion, or a CMS | **Markdown**         |
| Sending a long email you drafted in canvas | **Email**            |
| Importing data into Excel or Google Sheets | **CSV**              |
| Embedding a diagram in documentation       | **SVG**              |
| Adding a diagram to a slide deck or email  | **PNG**              |
| Using generated code in your own project   | **Download as file** |
| Deploying or embedding an HTML mockup      | **Copy HTML source** |

## Sharing vs Exporting

Exporting downloads a file to your local device. Sharing generates a public URL that anyone can open in a browser — no file download needed.

* **Export** → for working with the content in other tools (Word, Excel, your code editor)
* **Share** → for giving read-only access to others without requiring them to download a file

See [Share Canvas](/tools/canvas/share-canvas) for details on generating and managing public share links.

## Troubleshooting Exports

<Accordion title="PDF export is slow or won't start">
  PDF generation for large documents can take up to 30 seconds. Wait before retrying. If it still fails:

  * Try a different format (DOCX if PDF fails)
  * Check that your browser allows downloads from zerotwo.ai (look for a blocked download notification in the address bar)
  * Try in a different browser (Chrome, Firefox, Safari)
  * If the document is very long, try exporting a shorter section first
</Accordion>

<Accordion title="DOCX formatting looks wrong in Word">
  Some advanced formatting (deeply nested lists, complex tables) may not convert perfectly to all Word versions. If the formatting looks off, try opening the file in Google Docs, which handles DOCX imports more leniently.
</Accordion>

<Accordion title="CSV is missing rows">
  Make sure all rows are visible in the spreadsheet canvas before exporting. Scroll to the bottom to verify all data is loaded — only visible rows are included in the CSV export.
</Accordion>

<Accordion title="Diagram export is blank">
  A blank diagram export almost always means the diagram has a Mermaid syntax error and is not rendering in the right pane. Ask ZeroTwo to "fix the diagram syntax," confirm the diagram renders in the right pane, then export again.
</Accordion>

## Related Pages

<CardGroup cols={2}>
  <Card title="Share Canvas" icon="share2" href="/tools/canvas/share-canvas">
    Generate a public read-only link instead of downloading a file.
  </Card>

  <Card title="Rich Text Editor" icon="pen-line" href="/tools/canvas/text-editor">
    Full details on the document editor and formatting options.
  </Card>

  <Card title="Diagram Editor" icon="git-branch" href="/tools/canvas/diagram-editor">
    Mermaid diagrams and SVG/PNG export.
  </Card>

  <Card title="Troubleshooting" icon="wand2" href="/tools/canvas/troubleshooting">
    Fix common export issues.
  </Card>
</CardGroup>