Mermaid diagrams for Confluence and Jira
Turn text into diagrams with a live preview. Start with a template, paste existing Mermaid text, or write your own. Save diagrams where your team works.
Launching soon on the Atlassian Marketplace. The button opens your email app; we write back once, on launch day. Price announced at launch, with the Marketplace free trial.
Where it works
The same Mermaid text works in both places, so you can copy a diagram from a page to an issue.
Confluence Cloud
- Open the insert menu on a page and search for Text Diagram (Mermaid).
- A full-screen editor opens: text on the left, live preview on the right.
- Save, and the drawn diagram sits on the page. Edit the element any time to change it.
Jira Cloud
- Open an issue and find the Diagram panel.
- Choose Add a diagram, then type, paste or pick a template. The preview shows under the text.
- Save. The diagram text is stored on the issue itself.
Three steps, no drawing tools
- 1
Open the editor
In Confluence, insert the Text Diagram (Mermaid) element. In Jira, open the issue’s Diagram panel and choose Add a diagram.
- 2
Write or paste text
Type Mermaid text or paste it from ChatGPT, Claude, or a README. Check the live preview as you work.
- 3
Save your diagram
Choose Save to put the diagram on your Confluence page or Jira issue. Download an SVG or PNG when you need a file.
What you get
Everything here is in the app today. Nothing is promised for later.
- Preview as you type
- See the diagram redraw as you change the text. Confluence has a full-screen editor; Jira shows the preview below the text box.
- Paste with code fences
- Copy Mermaid text from ChatGPT, Claude, or a README. The app automatically removes surrounding ```mermaid fences.
- Nine starter templates
- Start with Flowchart, Sequence, Class, State, Entity relationship, Gantt, Mind map, Timeline, or Pie chart.
- SVG and PNG downloads
- Download any diagram as SVG or PNG. PNG files use twice the size and a white background.
- Light and dark mode
- The app follows your Confluence or Jira light and dark mode.
- Stored in your workspace
- Diagram text stays in your Confluence page or Jira issue. Drawing happens in your browser, with no data sent to BrightDesk or outside services.
Nothing leaves your site
The app runs on Atlassian's Forge platform and draws diagrams in your browser. We have no servers to send anything to.
- Flowchart
- Sequence
- Class
- State
- Entity relationship
- Gantt
- Mind map
- Timeline
- Pie chart
The nine starter templates.
| Where diagram text is stored | In your Confluence page, or on the Jira issue as an issue property |
|---|---|
| Where diagrams are drawn | In the viewer's browser |
| Data sent to BrightDesk | None. We collect no analytics or personal data |
| Jira permissions asked for | Read and write Jira work, used only to load and save the diagram on the issue |
| Diagram syntax | Open-source Mermaid (MIT licence) |
| Downloads | SVG, and PNG at twice the size on a white background |
| Light and dark | Follows the Confluence or Jira theme |
| Price | Announced at launch. Billing and the free trial are handled by Atlassian through the Marketplace |
Questions
Something missing? Ask support.
Can I install BrightDesk Text Diagrams now?
BrightDesk Text Diagrams is launching soon and is being prepared for Atlassian Marketplace review. Once listed, Atlassian will handle billing and the free trial.
Where does the app work?
BrightDesk Text Diagrams works in Confluence Cloud and Jira Cloud. Confluence uses a Text Diagram (Mermaid) element on a page. Jira uses a Diagram panel on an issue.
Which diagrams can I create?
The app uses the open-source Mermaid diagram syntax. Supported types include flowcharts, sequence, class, state, entity relationship, Gantt, mind maps, timelines, pie charts, and other Mermaid types.
Can I paste text from ChatGPT or Claude?
Yes. Paste Mermaid diagram text copied from ChatGPT, Claude, or a README. Surrounding ```mermaid fences are removed automatically. You can then change the text and check the live preview.
Where is diagram data stored?
Diagram text is stored only in your Confluence page or Jira issue. In Jira, the text is an issue property. The app runs on Atlassian Forge and draws diagrams in your browser. BrightDesk has no servers, sends no data to outside services, and collects no analytics or personal data.
What happens when diagram text has a mistake?
The app shows the first lines of the error message instead of a broken picture. Change the text and check the live preview again.
How can I get support?
Email support@brightdeskapps.com. Support is answered Monday to Friday, 09:00 to 17:00 India time, IST, UTC+5:30. You can expect a first reply within one business day. For general questions, email hello@brightdeskapps.com.
Be first to install it
We're preparing the Marketplace listing now. Email us and we'll reply the day it goes live.