Skip to main content
Mermaid Plus Diagrams & AI Agent for Confluence icon
Confluence App

Mermaid Plus Diagrams & AI Agent for Confluence

Mermaid Plus Diagrams & AI Agent for Confluence brings text-based diagramming into Confluence — plus a Rovo AI agent that creates, reads, updates, and converts diagrams from chat, right on the page. Write Mermaid syntax in a code editor and see the diagram render live. All 30 Mermaid v12 diagram types are supported — flowcharts, sequence, class, state, Gantt, pie, ER, C4, mindmaps, ZenUML, use case, and more — each with a one-click template so you never start from a blank canvas.

Free for up to 10 users · Cloud · Atlassian Marketplace

Features

Why teams choose Mermaid Plus Diagrams & AI Agent

Rovo AI agent

Chat to create, read, update, and convert diagrams — "make a flowchart of our deployment process" renders in place, and code blocks on the page convert to diagrams.

30 diagram types

Flowcharts, sequence, class, state, ER, Gantt, pie, C4, mindmaps, ZenUML, use case and more — every Mermaid v12 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. 1

    Insert the macro

    Edit a Confluence page, type /mermaid, and select Mermaid Plus Diagrams & AI Agent for Confluence from the macro list.

  2. 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. Or just ask the Rovo agent in chat.

  3. 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 Diagrams & AI Agent 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 Diagrams & AI Agent compares

FeatureMermaid Plus Diagrams & AI AgentAlternatives
Diagram types30 types + AI agent with Quick Templates10-15 or manual layout
EditingLive preview + code editorDrag-and-drop only
Version controlText-based, diffable in page historyBinary images, no diff
ThemesCustom colors, fonts, dark modeFixed styling
TemplatesOne-click per diagram typeStart from blank
Update speedEdit one line, redraws instantlyRe-draw manually
Use cases

What teams do with Mermaid Plus Diagrams & AI Agent

  • 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

Ready to try Mermaid Plus Diagrams & AI Agent for Confluence?

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

Get it now