◯ Free: 5 uses/day • Resets in 17h 4m
Business & Productivity

Text to Diagram

Describe it in words, get a flowchart, sequence diagram or mind map with SVG and PNG export.

Learn more

Text to Diagram turns a description into a diagram you can use right away. Write how a process runs, how a customer, an app and a payment provider talk to each other, or the ideas around one topic, and pick a flowchart, a sequence diagram or a mind map (or let the tool choose). The result is drawn on the page from Mermaid code, the open text format that GitHub, GitLab, Notion and many wikis render. Edit the code and the preview updates; download the diagram as SVG for documents and the web or as PNG for slides and chats. The diagram only shows what you described, and the notes under it say what was assumed or left out.

0 / 6000

Free: 5 runs a day, no sign-up needed

Small Business

Online order with a stock check

Document the fulfilment process for new staff

See input + output preview

Input

Describe the process, the conversation or the topic
A customer places an order in the online shop. We check whether every item is in stock. If yes, we pack the parcel and hand it to the courier the same day and email the tracking number. If not, we email the customer and offer either a refund or delivery when the item is back; a refund is paid within 3 days.
Diagram type
Flowchart (steps and decisions)
Flowchart direction
Top to bottom

Output (excerpt)

```mermaid
flowchart TD
  A(["Order placed"]) --> B{"All items in stock?"}
  B -->|"yes"| C["Pack the parcel"]
  C --> D["Hand to courier the same day"]
  D --> E["Email the tracking number"]
  B -->|"no"| F["Email the customer"]
  F --> G{"Refund or wait?"}
  G -->|"refund"| H["Pay the refund within 3 days"]
  G -->|"wait"| I["Deliver when back in stock"]
```
…
Developers

Card payment between app, shop and bank

Explain a payment flow in a design document

See input + output preview

Input

Describe the process, the conversation or the topic
The customer taps Pay in the shop app. The app asks the shop server to create a payment. The server calls the payment provider, which asks the customer's bank to authorise the card. The bank answers approved or declined; the provider passes the answer to the server, and the server tells the app to show a confirmation or an error.
Diagram type
Sequence diagram (who talks to whom)
Flowchart direction
Top to bottom

Output (excerpt)

```mermaid
sequenceDiagram
  participant A as Shop app
  participant S as Shop server
  participant P as Payment provider
  participant B as Bank
  A->>S: Create payment
  S->>P: Charge the card
  P->>B: Authorise
  alt approved
    B-->>P: Approved
    P-->>S: Payment succeeded
    S-->>A: Show confirmation
  else declined
…

Your Text to Diagram results will appear here

Expect a structured report with headings, bullet points, and actionable next steps.

How to Use Text to Diagram

  1. Describe the steps, the decisions and who does what, in the order they happen. Plain sentences work best.
  2. Pick the diagram type, or let the tool choose: a flowchart for steps and decisions, a sequence diagram for messages between people or systems, a mind map for ideas around one topic.
  3. Generate. The diagram is drawn under the result, with the Mermaid code beside it.
  4. Fix a label in the code if you want; the preview redraws. Download SVG or PNG, or copy the code into GitHub, GitLab, Notion or your wiki.

Use Cases

1

Document an order, approval or onboarding process for a team wiki

2

Draw how an app, an API and a payment provider exchange messages

3

Turn meeting notes into a mind map of topics and owners

4

Add a clean flowchart to a slide deck or a proposal

5

Keep diagrams as text in a repository so they can be reviewed and versioned

Tips for Best Results

  • Name each decision as a question: 'Is the item in stock?' becomes a diamond with yes and no branches.
  • For sequence diagrams, name the participants first: 'Customer, Shop app, Payment provider'.
  • Long processes read better left to right on slides and top to bottom in documents.
  • Mermaid code is plain text: paste it into a Markdown file on GitHub or GitLab and it renders there too.

Frequently Asked Questions

What is Mermaid?

Mermaid is an open text format for diagrams. GitHub, GitLab, Notion, Obsidian and many documentation tools draw it automatically, so the code you get here keeps working outside this page.

Can I edit the diagram?

Yes. Edit the Mermaid code under the preview and the diagram redraws as you type. Labels, arrows and the direction are all plain text.

Which formats can I download?

SVG, which stays sharp at any size and suits documents and websites, and PNG for slides, chats and email.

What if the diagram does not render?

The page shows Mermaid's error under the code, so you can fix the line it names, usually a character inside a label. Running the tool again also helps; the instructions ask for code that Mermaid 11 parses as it is.

Will it add steps I did not describe?

No. The diagram shows only what you wrote. Assumptions and gaps are listed under Notes so you can complete the description and run it again.

🔒
Your Privacy is Protected

We keep your input and the result for up to 90 days to run the service, prevent abuse and, if you're signed in, show your history. They are processed by the AI providers listed in our Privacy Policy. We don't sell them.

Experiences and tips

How did this tool work for you? Share your experience or a tip for others.

Comments are checked by AI and approved by a person before they appear. One link at most.

Signed-in members can comment. Your draft is kept while you log in. Log in · Create a free account

Be the first to share your experience.

Discussion rules
  • Share your own experience, tips and questions about the tool. Criticism is welcome.
  • No spam, advertising or self-promotion. One link at most; links are marked nofollow.
  • Be respectful: no insults, hate or harassment.
  • Don't post personal data, your own or anyone else's.
  • Comments are checked by AI and approved by a person before they appear. We remove comments that break these rules or the law.
  • Report illegal or inappropriate content with the “Report” button (a notice under the EU Digital Services Act). We review every report without undue delay. Contact: [email protected]
  • You can edit or delete your comments at any time. They are included when you export or erase your personal data.

Related tools

Try this agent

API Automation AgentDescribe an automation in plain English → REST/webhook recipe → curl + Python + Node samples…Try this agent →

Related workflow

Developer DocsCode to documentationRun workflow →

Read more