Mermaid Diagrams for Confluence
About
Mermaid Diagrams for Confluence is an app for Confluence Cloud and Data Center that allows you to create, edit, and manage Mermaid diagrams directly within your Confluence instance.
The app stores both the diagram’s text definition and the rendered output (image/SVG) exclusively within the customer’s Confluence instance. No diagram data is transmitted, processed, or stored outside Confluence.
Comprehensive documentation covering Mermaid syntax and supported diagram types is available on the official Mermaid website.
Usage
To insert a Mermaid diagram while editing a page, add the “mermaid-cloud” macro.
For general guidance on inserting and editing macros, refer to the Atlassian Confluence documentation.
Once the macro is added, the Mermaid Editor window will appear, allowing you to define and edit your diagram.
Enter your Mermaid diagram definition in the editor. The editor provides basic syntax highlighting.
Click Save to insert the diagram into the page. The diagram will be rendered and displayed in the page viewer.
You can pan and zoom the diagram as needed. A large lightbox view is also available for full-screen display.
Quick links