How to Make a Flowchart With AI (5 Steps + Free Prompts)

Written by

Someone asks you how the invoice approval actually works, and you start talking: “Well, first it comes in, then Sam checks it, unless it’s over a certain amount, then it goes to…” Thirty seconds in, everyone is lost. You know the process. You just can’t draw it, and an hour of dragging boxes around in a diagram tool feels like a waste of a morning.

Here is how to make a flowchart with AI: describe the process in plain words (typing or a voice memo), ask ChatGPT or Claude to turn it into a flowchart written in Mermaid, a simple text format for diagrams, then paste that text into a free tool like Mermaid Live Editor or draw.io to see the chart. Claude can also draw it right in the chat. Check every box against how the work really happens, fix it with one more prompt, and export it as an image. A first version takes about 15 minutes.

Below are the five steps, prompts you can copy, a worked example, and the fixes for the errors you will hit the first time.

No password needed – your reset opens instantly.

No password. Just your email, and you’re in.

Why AI is good at flowcharts (and where it needs you)

A flowchart is a map of a process: steps in boxes, decisions in diamonds, arrows showing what happens next. The American Society for Quality describes it as a tool to understand, communicate, document and improve how work gets done, and lists it as one of the seven basic quality tools (ASQ, What is a flowchart).

The slow part was never the thinking. It was the drawing: placing boxes, lining up arrows, redoing everything when you remember a step you missed. That is exactly the part AI takes off your plate. You talk, it structures.

What it cannot do is know your process. It will happily invent a “manager approval” step that does not exist, or skip the awkward exception that causes half your delays. So the rule for this whole guide is simple: AI drafts the chart, the people who do the work check it.

What you need

A chat assistant: ChatGPT or Claude. The free plans are enough for this. New to them? Start with our ChatGPT tutorial for beginners or the Claude tutorial for beginners.
A place to see the chart: Mermaid Live Editor (free, in the browser, nothing to install) or draw.io (free, also in the browser). Or Claude itself, which can show the chart beside your conversation.
The process in your head, or better, in the head of the person who does it every day.

Step 1: Get the process out of your head (5 minutes)

Do not try to be tidy here. The messier and more honest, the better the chart. Two ways that work:

Type it as a list. One line per step, in the order it happens. Add the “unless” and “if” bits as you remember them.
Talk it through. Record a two-minute voice memo while you walk through the process, then turn it into text. Our guide on how to transcribe audio with AI shows the free ways to do that.

Before you move on, decide two things, because they are the questions that make a flowchart useful (ASQ’s procedure starts with the same ones): where does the process start, and where does it end? “From the moment an invoice lands in the inbox until it is paid and filed” is a scope. “Invoices” is not.

Step 2: Ask the AI for a flowchart in Mermaid (2 minutes)

Mermaid is a way to describe a diagram in plain text. The Mermaid project says it lets non-programmers create detailed diagrams, and the makers of draw.io note that most AI tools can write it (draw.io, Insert and edit a Mermaid diagram). That is the trick: you do not ask the AI to draw a picture, you ask it to write the diagram. Text is easy to fix, a picture from an image generator is not, and small labels in generated images often come out garbled.

Paste this into ChatGPT or Claude, with your notes from step 1 at the bottom:

Turn the process below into a flowchart written in Mermaid flowchart syntax.
Rules:

– Start with “flowchart TD” (top to bottom).

– Use a rectangle for each action and a diamond for each yes/no decision.

– Label every arrow that leaves a decision (Yes / No, or the real answer).

– Keep each box to 3 to 7 words, starting with a verb.

– Use only the steps I describe. If something seems missing or unclear, do NOT invent it. List your questions under the chart instead.

– Put any label with brackets, commas or special characters in double quotes.

– Write “End” with a capital E.
Scope: starts when [first trigger], ends when [final result].
My process:

[paste your list or transcript here]

That last line about questions matters most. In my experience the questions the AI asks back (“Who approves when the team lead is on holiday?”) are often worth more than the first chart, because they point at the gaps nobody wrote down.

Step 3: Turn the text into a picture (3 minutes)

The AI gives you a block of text that starts with flowchart TD. Pick one of these three ways to see it:

Option A: Mermaid Live Editor (fastest)

Open Mermaid Live Editor, delete the sample in the left panel and paste your text. The chart appears on the right and updates as you edit. You can download it as an image when you are happy with it.

Option B: draw.io (best if you want to style it by hand)

In draw.io, choose Arrange > Insert > Mermaid (or the + icon in the toolbar, then Mermaid), paste the text and press Insert. draw.io turns it into normal shapes you can recolour, move and restyle, and it keeps the Mermaid source so you can edit and regenerate later (draw.io help). One catch from that same page: if you edit the source and regenerate, your colours and labels stay, but any boxes you dragged into a new position are laid out again.

Option C: let Claude draw it in the chat

Claude can show diagrams and flowcharts as an artifact, a window beside your conversation that you can edit by asking for changes, and artifacts are available on the free plan (Claude Help, What are artifacts). Just add “and show it to me as a diagram” to the prompt. Handy for a quick look. For a chart you will keep and update, I still save the Mermaid text somewhere, so the next person can edit it without starting over.

Step 4: Check it against reality (5 minutes, the step everyone skips)

This is where an AI flowchart becomes a correct one. ASQ’s advice is to have the people who perform the process draw or review it, chart how the work happens now (not how it should happen), and walk through the process after the first draft to make sure it is accurate (ASQ). With AI the drawing is cheap, so spend the saved time here.

Walk a real, recent case through the chart with your finger. Then look for these:

Invented steps. Anything you did not mention? Delete it or confirm it.
Dead ends. Every box except the end needs an arrow going out.
Decisions with one exit. A diamond with only a “Yes” arrow means the “No” path is missing.
The real exceptions. The supplier who never sends a PO number, the approver who is away. Those loops are usually where the time goes.

Then fix it with a follow-up prompt instead of editing by hand:

Update the flowchart:

– Remove the step “[step that does not exist]”.

– After “[step]”, add a decision: [question]? If yes, [what happens]. If no, [what happens].

– If the approver is away, the request goes to [backup person].

Give me the full updated Mermaid text, nothing else.

Step 5: Clean it up and share it

Left to right or top to bottom? Long processes read better top to bottom (flowchart TD) on a page. Wide screens and slides suit left to right (flowchart LR). The Mermaid flowchart docs list all the directions.
Who does what? Ask for a swimlane version: “Group the steps per role using subgraphs, one for Sales, one for Finance, one for the Customer.” Each lane becomes a labelled box around that role’s steps.
Export as PNG for email and chat, or SVG if it goes into a document or slide and must stay sharp. Need it in a deck? Our guide on how to use AI to make a presentation covers the rest.
Save the Mermaid text next to the image (in the same folder, or at the bottom of the document). Next time the process changes, you paste it back into the AI with the change and get a new chart in a minute.

Worked example: an invoice approval flow

This is a made-up example to show the shape of it. The notes someone typed:

invoice comes in by email to the finance inbox

Sam checks if there’s a PO number on it

if not, Sam emails the supplier and waits for it

over 5000 euro goes to the finance manager, otherwise the team lead approves

then it gets paid in the Thursday payment run

and filed in the shared drive

What came back from the prompt in step 2, pasted into Mermaid Live Editor:

flowchart TD

    A[“Invoice arrives in finance inbox”] –> B[“Check for PO number”]

    B –> C{“PO number on invoice?”}

    C –>|No| D[“Email supplier for PO number”]

    D –> B

    C –>|Yes| E{“Over 5,000 euro?”}

    E –>|Yes| F[“Finance manager approves”]

    E –>|No| G[“Team lead approves”]

    F –> H[“Pay in Thursday payment run”]

    G –> H

    H –> I[“File invoice in shared drive”]

    I –> J([“End”])
Questions:

1. What happens if the finance manager or team lead rejects the invoice?

2. Who approves when the approver is away?

Look at those two questions. Neither was in the notes, and both are real gaps. One more prompt with the answers (“rejected invoices go back to Sam, who contacts the supplier”) and the chart matches how the team actually works. The whole thing took less time than finding the right arrow shape in a diagram tool.

Fixing the errors you will hit the first time

Mermaid is strict, so now and then the editor shows an error instead of a chart. Usually it is one of these:

The word “end” in lowercase. The Mermaid docs warn that typing “end” in all lowercase inside a flowchart breaks it. Write “End” or “END” (Mermaid flowchart docs).
Brackets, commas or symbols in a label. Put the whole label in double quotes, like A["Check PO (if any)"]. The prompt above already asks for this.
The AI added extra text. Sometimes the reply has a sentence or the word “mermaid” above the chart. Paste only from flowchart down.
Still stuck? Paste the error message back into the chat: “Mermaid shows this error, fix it and give me the full text again.”

And one that is not an error but still ruins charts: too many boxes. If your chart has more than about 15 to 20 steps, nobody will read it. Ask the AI to split it: “Make a high-level version with at most 8 steps, and a separate detailed chart for step 4.”

Which AI flowchart tool should you use?

You want it free and fast: ChatGPT or Claude plus Mermaid Live Editor. No account needed for the editor.
You want it polished, with your colours: ChatGPT or Claude plus draw.io. You get real shapes to restyle.
You want to talk it through and see it at once: Claude with an artifact.
Your company already pays for a whiteboard or diagram app: many of them now have their own AI features. Check what your plan includes before buying anything new. The Mermaid route above still works as a free backup.

The “best AI flowchart generator” is mostly the one that lets you fix mistakes quickly. That is why I like the text route: one sentence of feedback, new chart.

What to do with your flowchart next

A flowchart is rarely the final goal. It is the first draft of something more useful:

A written procedure. Paste the Mermaid text into the chat and ask for a step-by-step procedure based on it. Our guide on how to use AI to write SOPs takes it from there.
Training a new hire. A one-page chart of “how a request flows through the team” helps someone in their first week more than a long document. See how to use AI for employee onboarding.
A project plan. Map the phases and decision points first, then turn them into tasks with AI for project plans.
Finding what to automate. Once a process is on one page, the copy-paste steps and the waiting loops stand out. Those are your first automation candidates. Start with what to automate first, and when you build it, the chart becomes the blueprint for your workflow in a tool like n8n (see the n8n tutorial for beginners).
A mind map. If your notes are still a loose pile of ideas rather than steps in order, a flowchart is the wrong shape. Start with how to make a mind map with AI to sort them into topics first.

Questions people ask

Can ChatGPT make a flowchart?

Yes. The most reliable way is to ask ChatGPT for the flowchart in Mermaid format and paste that text into Mermaid Live Editor or draw.io. You get a clean chart you can edit, instead of a picture you cannot change.

Is there a free AI flowchart generator?

The free route in this guide costs nothing: the free plan of ChatGPT or Claude to write the chart, and Mermaid Live Editor or draw.io to show and export it. Both editors run in the browser.

Can AI make a flowchart from a document?

Yes. Upload the policy, procedure or email thread and ask: “Read this and turn the process it describes into a Mermaid flowchart. Only use steps that are in the document, and list anything unclear as questions.” Then check it the same way as in step 4, because documents often describe the process as it should be, not as it is.

What is a good prompt for a flowchart?

Give the AI the scope (where it starts and ends), the steps in your own words, the format (Mermaid, top to bottom, diamonds for decisions) and the instruction not to invent steps. The prompt in step 2 does all four.

Can I make a swimlane diagram with AI?

Yes. Tell it which roles are involved and ask it to group each role’s steps in its own subgraph. It works well for handoffs between teams, which is where most delays hide.

Sources

Your next 15 minutes

Pick the one process people keep asking you about. Type it out or talk it into your phone, paste it into the prompt from step 2, and look at the chart. Then show it to the person who does the work and ask, “Is this right?” That conversation alone is worth the 15 minutes.

Want more small, practical wins like this one? Join our free Launchpad.