Mermaid visual editor

This is the answer to the most common objection to text diagrams: that not everyone on the team will write syntax. The visual editor produces ordinary Mermaid source, so the diagram stays diffable even though nobody typed it.

image-20260907-090521.png

#Why it matters

A team that adopts Mermaid usually splits: the engineers write source happily, and everyone else stops contributing. That is how a diagram goes stale. The visual editor removes the split without giving up the benefits of text.

#What you can build

Flowcharts, sequence diagrams and the other common Mermaid types, edited by adding nodes and connections directly.


#A few things that catch people out

  • Not every Mermaid feature has a visual control. The rarer syntax still needs the text editor.

  • Round-tripping is safe: hand-written source opens in the visual editor, and visual edits stay readable as text.

  • It writes Mermaid, so everything in the Mermaid reference applies unchanged.



Mermaid for the people who will not write Mermaid.