Introducing MermaidCreator: diagrams, the way you think

Diagrams are how teams think out loud. But most diagramming tools force a choice: drag-and-drop canvases that lock your work into a proprietary file, or text-based tools that are portable but slow to sketch with. We built MermaidCreator so you never have to choose.

Everything you draw — visually, in code, or with AI — compiles down to plain Mermaid, the text-first diagram syntax that lives happily in your READMEs, your docs, and your git history.

One diagram, three ways to edit

The editor keeps a single source of truth and lets you reach for whichever input feels fastest:

1. Visual editor — drag nodes onto an infinite canvas and connect them. Every change writes clean Mermaid for you.
2. Code editor — type Mermaid directly with live preview, if that's quicker for you.
3. AI drafting — describe a diagram in a sentence and let Claude produce the first draft, then refine it however you like.

flowchart LR
    A([Idea]) --> B{Describe it}
    B -->|Type Mermaid| C[Code editor]
    B -->|Drag & drop| D[Visual editor]
    B -->|Prompt AI| E[Claude]
    C --> F[Live preview]
    D --> F
    E --> F
    F --> G([Export PNG / SVG])

Because all three paths produce the same text, you can start a flowchart by prompting AI, rearrange it on the canvas, then tweak a label in code — without ever losing your place.

Portable by default

Your diagrams are just Mermaid. That means they:

• stay version-able — diff them in a pull request like any other file;
• stay portable — paste them into GitHub, Notion, or your docs site;
• stay yours — export crisp PNG or scalable SVG whenever you need an image.

No account needed to start. Sign up when you want to save your work and use AI.

This is just the beginning. We'll be sharing diagramming tips, Mermaid deep-dives, and product updates here on the blog — follow along.