The AI Mermaid editor.Describe it. Drag it. Type it.
Describe a diagram in plain English and AI drafts it in seconds. Then refine it by dragging nodes on a canvas or editing the code — visual, code, and preview always stay in sync.
Free — no signup, no card. The editor opens right in your browser. Sign up later for cloud saves and 5 free AI generations a month.
Everything you need to diagram fast
Built on Mermaid.js, so your diagrams stay portable, version-able, and text-first.
Describe it, AI drafts it
Claude turns a sentence into a complete diagram, restructures it on request, and repairs broken syntax. The output is Mermaid you can read, edit, and trust — you stay in control.
Drag boxes, get clean code
Build on an infinite canvas. Every node you drag, drop, or connect writes clean, diffable Mermaid underneath — no syntax to memorise.
Type Mermaid, see it instantly
Paste existing Mermaid or write it from scratch in a focused editor with a live side-by-side preview. Code and canvas always stay in sync.
Lands crisp in GitHub, docs & slides
Share a live link, embed in READMEs and wikis, or export PNG, SVG, and PDF with fonts embedded — no clipped labels.
How MermaidCreator compares
The portability of text-based Mermaid, the ease of a visual canvas, and AI on top — without the trade-offs of either extreme.
| Capability | MermaidCreator | Hand-written Mermaid | Drag-only diagram tools |
|---|---|---|---|
| Visual drag-and-drop editing | Yes — full canvas | No — code only | Yes |
| Text/code source of truth | Yes — clean Mermaid | Yes | No — opaque binary files |
| AI generation from a prompt | Yes — Claude | No | Limited / add-on |
| Version-control friendly | Yes — diffable text | Yes | No |
| Renders natively in GitHub & docs | Yes | Yes | No — image export only |
| Works without knowing Mermaid syntax | Yes — drag, drop, or prompt | No — syntax required | Yes |
| Fix broken Mermaid automatically | Yes — one-click AI repair | No — debug by hand | No — can't import Mermaid |
Frequently asked questions
- Is MermaidCreator free to use?
- Yes. The free plan lets you use the visual and code editors, render live Mermaid previews, keep up to 10 saved diagrams, run 5 AI generations per month, create public share links and embeds, see your recent version history, and export to PNG and SVG. You can start drawing without an account; signing up adds cloud saves. The Pro plan unlocks unlimited AI generations, unlimited saved diagrams, full version history, and PDF export.
- Which diagram types does MermaidCreator support?
- MermaidCreator supports the core Mermaid diagram types: flowcharts, sequence diagrams, class diagrams, entity-relationship (ER) diagrams, state diagrams, Gantt charts, pie charts, and Git graphs. Ready-made templates are available for each type to give you a starting point.
- Can I generate diagrams from a text prompt with AI?
- Yes. MermaidCreator's AI is powered by Claude. You can generate a complete diagram from a single sentence, restructure an existing diagram with a follow-up prompt, or auto-repair broken Mermaid syntax. The free plan includes a set number of AI generations; the Pro plan makes them unlimited.
- Do I need to know Mermaid syntax to use MermaidCreator?
- No. You can build diagrams entirely on the visual canvas by dragging and connecting nodes — MermaidCreator writes clean Mermaid code for you in the background. You can also describe what you want and let AI generate it. The code editor is there when you want fine-grained control, but it is optional.
- How do I export and share my diagrams?
- You can export diagrams as PNG and SVG on the free plan, with PDF added on Pro. Diagrams can also be published as a live public share link or embedded directly in documents, wikis, and README files, so the rendered diagram stays up to date wherever it appears.
More questions? Read the full FAQ.
Ship your first diagram in the next two minutes
Open the editor, describe what you need, and export a crisp PNG — free, no account required.
Open the free editor