Which diagram types are supported?

All 29 Mermaid diagram types, including flowcharts, sequence diagrams, class diagrams, state diagrams, ER diagrams, Gantt charts, pie charts, C4 models, mindmaps, and user journeys. Each comes with a one-click template.

Can I edit a diagram after saving?

Yes. Click any existing Mermaid macro and select Edit to reopen the editor. Your source code and settings are fully preserved, so you can continue editing exactly where you left off.

Does it work in dark mode?

Yes. Diagrams automatically adapt to Confluence dark mode. When a reader has the dark theme enabled, the diagram renders with matching colors with no extra configuration.

Confluence App

Mermaid Plus for Confluence

Name: Mermaid Plus for Confluence
Rating: 4.5 (50 reviews)

Mermaid Plus for Confluence brings text-based diagramming into Confluence. Write Mermaid syntax in a code editor and see the diagram render live. Twenty-nine diagram types are supported — flowcharts, sequence, class, state, Gantt, pie, ER, and more — each with a one-click template so you never start from a blank canvas.

Get it on the Atlassian Marketplace User Guide

Free for up to 10 users · Cloud · Atlassian Marketplace

Features

Why teams choose Mermaid Plus

29 diagram types

Flowcharts, sequence, class, state, ER, Gantt, pie, C4, mindmaps and more — every Mermaid type with a ready-made template.

Live preview

Your diagram renders as you type in a side-by-side editor, so you catch syntax errors before saving.

Themes & colors

Switch the look with built-in themes or set custom colors and fonts to match your brand.

Dark mode

Diagrams follow Confluence dark mode automatically — no separate styling needed.

Getting started

How it works

1
Insert the macro
Edit a Confluence page, type /mermaid, and select Mermaid Plus for Confluence from the macro list.
2
Write or paste Mermaid code
Use the built-in editor, or click a Quick Template to start from a working example of any diagram type.
3
Preview and save
Watch the live preview update as you type. When it looks right, click Save to render the diagram onto the page.

FAQ

Frequently asked questions

No. Confluence has no built-in Mermaid renderer. You need a Marketplace app like Mermaid Plus for Confluence to render Mermaid syntax inside pages. Once installed, any user can insert a diagram by typing /mermaid in the editor.

Comparison

How Mermaid Plus compares

Feature	Mermaid Plus	Alternatives
Diagram types	29 types with Quick Templates	10-15 or manual layout
Editing	Live preview + code editor	Drag-and-drop only
Version control	Text-based, diffable in page history	Binary images, no diff
Themes	Custom colors, fonts, dark mode	Fixed styling
Templates	One-click per diagram type	Start from blank
Update speed	Edit one line, redraws instantly	Re-draw manually

Use cases

What teams do with Mermaid Plus

Document system architecture with C4 and component diagrams in engineering wikis
Create flowcharts for approval processes and decision trees in operations docs
Visualize sprint timelines and dependencies with Gantt charts on project pages
Build ER diagrams for data models in database documentation
Add sequence diagrams to API design docs showing service interactions

Learn more

Guides & tutorials

Scenario solutions

Part of these solutions

Create diagrams in Confluence

Diagrams turn abstract processes into something the whole team can see. Learn how to create them in Confluence — and the apps that make it effortless.

Explore more

Mermaid Plus Diagrams for Jira

Mermaid diagrams on any Jira issue — 26 diagram types, live preview, and one-click templates

Excalidraw Plus for Confluence

Excalidraw whiteboards and Mermaid diagrams inside Confluence, powered by 220+ reusable libraries

Excalidraw Diagrams plus Whiteboards for Jira

Draw flowcharts, wireframes, and architecture diagrams right inside any Jira issue

Ready to try Mermaid Plus for Confluence?

Install from the Atlassian Marketplace. Free for up to 10 users.

Get it now