← Documentation

Mermaid import

Updated on August 5, 2026

If you already have a diagram written in Mermaid, you can import it directly onto your canvas without redrawing it by hand. The result becomes canvas objects you can move, edit, and combine with the rest of your presentation.

Which diagram types are supported

The importer supports only flowchart or graph diagrams with directions TD, LR, BT, and RL. Other Mermaid diagram types (sequence, Gantt, ER, etc.) are not supported; if you paste them, the importer will show an error.

How to import a diagram

  1. Open a presentation in the editor.
  2. Click Import Mermaid in the toolbar.
  3. Paste your Mermaid code into the text area inside the dialog, or use Upload file to load a .mmd file.
  4. When the code is valid, click Import.

The diagram appears on the canvas centered on the current camera position.

Example of compatible code

flowchart TD
    A[Start] --> B{Any data?}
    B -- Yes --> C[Process]
    B -- No --> D[End]
    C --> D

This block produces four nodes and three connectors. You can also omit the code fence markers; the importer accepts raw Mermaid code directly.

What stays editable

Each node becomes a canvas shape with its text label. Each connector becomes a canvas connector. You can move, resize, recolor, and edit the text of any element, just as if you had drawn it yourself.

If the code contains subgraphs, the importer groups them automatically. You can ungroup them afterward if needed.

Frequently asked questions

Can I import a .mmd file directly? Yes. Use the Upload file button in the dialog to load a .mmd file from your device.

Does the importer accept code inside markdown code fences (```mermaid)? Yes. The importer detects and strips the ```mermaid and ``` markers automatically.

Why does the importer show "No nodes detected in the code"? This happens when the code contains no valid nodes or uses an unsupported diagram type. Check that the first line starts with flowchart or graph followed by a valid direction (TD, LR, BT, or RL).

Does importing Mermaid use AI quota? No. Importing Mermaid by pasting or uploading code does not use AI quota. Only generating with AI does; see diagrams with AI for details.

Next step