Mermaid Diagrams

Mermaid turns plain text into diagrams for visualising processes, structures, and flows.

mermaid diagram

How it works

Create a Code Block (/ → Code Block)
Set the language to Mermaid
Write the syntax yourself, or use Build with AI to generate a diagram from text

Capacities renders the diagram instantly inside your note.

For the full syntax reference, see the Mermaid documentation https://mermaid.js.org/intro/

If AI is enabled in your space, you can create or edit Mermaid diagrams with AI.

Use Edit (or create) with AI to describe what you want. The Mermaid syntax updates automatically, and the diagram refreshes with it.

ai button

❓ Are you missing something in the documentation?

Ask a question! – The Docs Assistant knows everything about the documentation, and the ideas and feature requests from other users.

Create a ticket on our feedback board. – Let us know if you have an idea for a feature, improvement or think there's something missing.

Request additions to the documentation. – If your questions are not getting answered, let us know and we'll extend the documentation.