Flowchart maker
Describe the steps in a few lines of text and the flowchart lays itself out - no dragging boxes or lining up arrows. Start from the template and change the words.
How to use the Flowchart maker
- Start from the flowchart template, or paste your own Mermaid code.
- Write one step per line: A[Step] --> B{Question?}.
- Label branches with |Yes| and |No| on the arrows.
- Download a PNG, SVG, PDF or Word file.
What you get
- Automatic layout: top-down or left-right
- Decisions, start and end shapes, sub-groups
- Labelled arrows for every branch
- Text you can keep in Git and edit later
About the Flowchart maker
The basics in one minute
flowchart TD draws top-down (LR for left-right). A[Text] is a box, B{Text?} a decision, C([Text]) a rounded start or end. Join them with -->, and add a label with -->|Yes|.
Why text beats dragging
Adding a step means adding a line: everything moves out of the way by itself. The text fits in a README, a ticket or an AI chat, and changes show up clearly in a diff.
Frequently asked questions
- How do I change the direction?
- Change the first line to flowchart LR for left to right, or flowchart TD for top down.
- How do I put brackets in a label?
- Wrap the label in double quotes: A["Total (incl. tax)"].
- Can AI write the flowchart for me?
- Yes. Ask ChatGPT or Claude for a Mermaid flowchart, then paste the whole answer here to check, fix and export it.