Mermaid
Mermaid is a JavaScript-based tool that creates diagrams and graphs using Markdown-like text definitions. Developed to help keep documentation up-to-date, this structure allows complex diagrams to be easily edited over code. Users can create over 20 types of diagrams with text-based syntax and integrate them into a variety of applications.
Mermaid
100mermaid-js · Figma Alternatives / Design
Common commercial products in this category: Figma, Sketch, Adobe XD
- You can create more than 20 different types of diagrams using Markdown-like text definitions.
- Using the live editor, you can quickly develop prototypes without requiring any design tools.
- You can version the diagrams as code and incorporate them into the documentation processes.
- • High number of open issues (2,022)
- • NeutralHacker News
Include diagrams in your Markdown files with Mermaid
“> The spirit of Markdown is succinctly described on DF's Markdown project website. > "Markdown allows you to write using an easy-to-read, easy-to-write plain text format." The third/fourth person to quote the original article while failing to acknowledge this paragraph from the…”
- • NeutralHacker News
Include diagrams in your Markdown files with Mermaid
“Readable by humans is relative. Mermaid does not make it unreadable to some humans. Again, you are free to create an alternative that makes it more readable. Some could say that adding tables to markdown makes it unreadable. There are lot of extensions for markdown that adds…”
Verified against README · Oct 26, 2026 · source
My note
Alternative pages
More in: Figma Alternatives / Design
- Excalidraw★ 134,890 · today
- Open Design★ 105,071 · today
- Graphite★ 27,786 · today
- Markmap★ 13,210 · 1 mo ago
- OpenPencil★ 9,481 · today
- Penrose★ 8,010 · 27 days ago