Tool · Docs and live editor

Mermaid

Mermaid · mermaid.js.org Free Intermediate

Mermaid turns a few lines of text into flowcharts, sequence diagrams, ER diagrams and more. Because the diagram is text, an AI assistant can write it from a plain description and you can keep it in your code.

  • Ask Claude or ChatGPT for a Mermaid flowchart of a process, then paste it into the live editor.
  • Diagrams kept as text stay up to date because they change in the same commit as the code.
Open on mermaid.js.org ↗

The question it answers

  1. Which free tool should I use to draw flowcharts, org charts and diagrams?

Read with it

  1. A free, no signup whiteboard with a deliberately hand drawn look, ideal for sketching screens and flows without falling into... Excalidraw Tool Excalidraw Excalidraw
  2. Whimsical does mind maps, flowcharts, wireframes and docs in one clean tool. Free to evaluate; Pro is $10 an editor a month and... whimsical.com Tool · Pricing page Whimsical pricing Whimsical
  3. The free, open-source diagram editor (also known as diagrams.net): free forever, no sign-up, and your files stay wherever you... drawio.com Tool · Web and desktop app draw.io draw.io
  4. Lucidchart's pricing page. The free plan allows 3 editable documents with up to 75 shapes each; Individual is $9 a month billed... lucidchart.com Tool · Pricing page Lucidchart pricing Lucid
  5. GitHub's guide to drawing Mermaid diagrams directly in READMEs, issues and pull requests. docs.github.com Article · 5 min read Creating diagrams on GitHub GitHub
  6. The open-source tool that draws UML diagrams (sequence, class, activity and more) from simple text descriptions, standard in... plantuml.com Tool · Docs PlantUML PlantUML
eChai Partner Brands The partnership →