Create & edit
Arrange mode
Drag nodes on a visual canvas while Mermaid source stays editable and in sync.
On this page3 sections
What Arrange does
Arrange lets you lay out a diagram visually. Moving nodes updates the Mermaid source so you can still edit code anytime. Blank visual authoring works for supported types — you are not stuck starting from text.
Which types support Arrange
Arrange works for flowchart, sequence, ER, state, class, mindmap, and requirement diagrams.
These types stay Preview-only (no Arrange): timeline, pie, Gantt, git graph, C4, and Sankey.
Plan limits
- Free: 5 Arrange sessions per day (plus optional rewarded-ad bonuses).
- Pro and Team: unlimited Arrange.
Learn Mermaid · FAQ · Pricing · Dashboard