Skip to main content

Mermaid Diagrams for Jira Sprint Workflows — Which Diagrams Actually Help the Standup

· 8 min read
NGPilot
NGPilot
Who should read this
  • Scrum masters and eng leads who run standups from Jira
  • Development teams deciding which diagrams to maintain across a sprint
  • Anyone who wants to know which of Mermaid's 26 diagram types are actually useful for agile work
What you'll learn
  1. The four Mermaid diagram types a sprint team actually reaches for
  2. How to embed each one inside a Jira issue, with copy-paste syntax
  3. When a diagram belongs in Jira vs. Confluence
  4. The full 26-type reference for less common needs

Every team that adopts Jira diagrams hits the same moment: you discover Mermaid supports 26 diagram types, you get excited, and then you realize you have no idea which ones to actually use during a sprint. Most of them never get drawn. The diagrams that earn their keep are the ones that make a standup faster, an onboarding doc clearer, or a ticket unambiguous — and those are a small, repeatable subset.

This post is the workflow guide we wish we'd had: the four diagram types a sprint team actually uses, each with a real scenario and copy-paste syntax you can drop straight into a Jira issue. The full 26-type reference follows, so the same page works as both a sprint playbook and a complete catalog.

The Mermaid Plus Diagrams for Jira editor showing the Quick Templates panel and a flowchart in the preview.

The four diagrams a sprint team actually uses

1. Flowchart — the definition-of-done diagram

Every team has a recurring "what does Done actually mean?" conversation. A flowchart pinned to the sprint's planning ticket removes the ambiguity: branches for code review, QA, security scan, and docs gate the path to Done.

In Jira, the same flowchart on the workflow-transition screen reminds the engineer what's expected before they drag the ticket. Here's the Mermaid syntax for a typical definition-of-done:

flowchart TD
A[Code complete] --> B{Peer reviewed?}
B -- No --> A
B -- Yes --> C{QA passed?}
C -- No --> A
C -- Yes --> D{Security scan clean?}
D -- No --> A
D -- Yes --> E[✅ Done]

Drop that into a Jira issue description and every engineer sees the same definition of Done. The decision diamonds ({...}) make the gates explicit; the loop back to "Code complete" makes rework obvious.

When to use it in Jira: sprint planning tickets, workflow documentation, onboarding for new engineers who need to learn the process.

2. Gantt — the sprint timeline

A Gantt chart in the sprint planning issue shows which stories overlap, where the critical path is, and whether the sprint is actually feasible. Mermaid's Gantt syntax is dates or durations:

gantt
title Sprint 47 timeline
dateFormat YYYY-MM-DD
section Backend
API endpoint :a1, 2026-07-23, 3d
DB migration :a2, after a1, 2d
section Frontend
Wire up UI :b1, 2026-07-24, 4d
E2E tests :b2, after b1, 2d
section Release
Deploy to staging :milestone, 2026-08-01, 0d

The section keyword groups work by team or layer, which makes cross-team dependencies visible at a glance. Milestones (:milestone) mark ship dates.

When to use it in Jira: the sprint planning epic, release-train tickets, any story where sequencing matters more than status.

3. Sequence diagram — the handoff diagram

When a ticket spans two services or two teams, a sequence diagram is the clearest way to show who calls whom and in what order. It's the diagram that prevents the "I thought your service was going to call mine" conversation in production.

sequenceDiagram
participant U as User
participant W as Web App
participant A as Auth Service
participant D as Database
U->>W: Login (email, password)
W->>A: validate(credentials)
A->>D: lookup user
D-->>A: user record
A-->>W: JWT token
W-->>U: 200 OK + token

When to use it in Jira: integration stories, API-consumer tickets, bug reports where the reproduction path crosses service boundaries.

4. State diagram — the ticket-lifecycle diagram

For bugs and support tickets that bounce between states, a state diagram documents the allowed transitions and prevents invalid status moves. It's also the clearest way to explain a custom workflow to a new team member.

stateDiagram-v2
[*] --> Open
Open --> InProgress: assign
InProgress --> InReview: submit for review
InReview --> InProgress: changes requested
InReview --> Done: approved
Done --> [*]
Open --> Won'tFix: close
Won'tFix --> [*]

When to use it in Jira: workflow-configuration tickets, documentation of custom Jira workflows, onboarding.

How to embed a Mermaid diagram in a Jira issue

The Mermaid Plus editor configuration panel inside a Jira issue, showing the code view, settings sidebar, and live preview.

1. Install Mermaid Plus Diagrams for Jira

Install Mermaid Plus Diagrams for Jira from the Atlassian Marketplace. It's free for up to 10 users and supports all 26 Mermaid diagram types with live preview.

2. Insert the macro

Open any Jira issue. Click into the description field or a comment, type /mermaid, and select the Mermaid Plus macro. The editor opens with a Quick Templates panel on the left, a code editor in the middle, and a live preview on the right.

3. Pick a template and customize

The Quick Templates panel lists all 26 diagram types. Click one to load a starter snippet into the code editor. Edit the syntax — the preview updates in real time, so you see exactly what the diagram will look like before you save.

4. Save

Click Save. The rendered diagram embeds into the Jira issue. Every viewer sees the same rendered image; they don't need the app installed in a viewer mode, and the diagram is included when the issue is exported.

A rendered flowchart in Jira view mode, showing the diagram as readers see it after saving.

Jira vs. Confluence: where does each diagram go?

A common question is whether a diagram belongs in the Jira ticket or in a linked Confluence page. The rule of thumb:

Diagram purposePut it inWhy
Specific to one ticket (this bug's repro path, this story's definition of done)JiraIt travels with the ticket and stays in context
Reused across tickets (the team's workflow, the system architecture)ConfluenceOne source of truth, linked from many tickets
Sprint timeline for this sprint onlyJira (sprint epic)Ephemeral, lives with the sprint
Sprint timeline pattern the team follows every sprintConfluenceDurable reference

If you use Mermaid Plus for Confluence alongside the Jira app, you can copy the same Mermaid syntax between both — the rendering is identical.

The full 26 Mermaid diagram types (reference)

Most sprint work uses the four types above. But Mermaid supports 26 types total, and the long tail matters for specific scenarios. Here's the complete list with one-line guidance on when each is useful:

TypeBest forSprint relevance
FlowchartProcesses, decisions, logic gates★★★ Core
SequenceService interactions, API calls over time★★★ Core
GanttTimelines, scheduling, dependencies★★★ Core
StateStatus transitions, lifecycles★★★ Core
ClassObject-oriented design, data models★★ Architecture docs
ERDatabase schemas, entity relationships★★ Schema tickets
MindmapBrainstorming, feature breakdown★★ Refinement
PieDistribution (bug causes, time split)★ Retrospectives
JourneyUser experience maps★ Discovery
C4Architecture (Context, Container, Component)★★ System design
ArchitectureBox-and-line system diagrams★★ System design
RequirementFormal requirements (reqif)★ Compliance
GitGraphBranch and merge history★ Release docs
TimelineChronological events★ Incident logs
Quadrant2x2 prioritization matrices★ Planning
XYChartNumeric line/bar charts★ Metrics
SankeyFlow quantities between stages★ Bottleneck analysis
BlockBlock-based system layouts★ System design
PacketNetwork packet layouts★ Network docs
RadarMulti-axis capability comparison★ Tech radar
TreeviewHierarchical file/folder trees★ Repo docs
VennSet overlaps★ Stakeholder mapping
Beta types (treemap, fishbone, etc.)SpecializedAs needed

The types marked ★★★ are the ones that come up in standups and sprint planning. The rest are there when a specific ticket needs them.

FAQ

Does Jira support Mermaid diagrams natively?

No. Jira does not render Mermaid syntax out of the box. You need a Marketplace app like Mermaid Plus Diagrams for Jira to embed Mermaid diagrams in issue descriptions and comments with live preview.

Can I use the same Mermaid diagram in Jira and Confluence?

Yes. Mermaid syntax is portable. If you have Mermaid Plus for Jira and Mermaid Plus for Confluence installed, you can copy the same syntax between a Jira issue and a Confluence page and get identical rendering.

How many Mermaid diagram types are there?

Mermaid supports 26 diagram types, from flowcharts and sequence diagrams to Gantt charts, state diagrams, C4 architecture diagrams, and newer types like Sankey and radar charts. All 26 are available in Mermaid Plus Diagrams for Jira.

Is Mermaid Plus Diagrams for Jira free?

Mermaid Plus Diagrams for Jira is free for up to 10 users. Beyond 10 users, standard Atlassian Marketplace licensing applies. A trial unlocks all features.

Do Mermaid diagrams render in Jira exports?

Yes. Mermaid Plus pre-renders diagrams to cached images when you save, so they appear in Jira issue exports (including PDF and the bulk export tools) just like any other embedded image.