Docs
mermaidify reads the strokes you draw, finds the shapes and the arrows between them, and writes the closest Mermaid flowchart, or state diagram. It runs in your browser in a few milliseconds, with no account, no server, and no AI model.
Start
Reference
- Shapes and lines it readsEvery shape and line the reader knows, the Mermaid it writes for each, and how to change a look or a style.
- Flowcharts and state diagramsWhat each kind of diagram shows, and how a drawing reads as a state diagram: starts, ends, choices, and groups.
- ToolsDrawing with a pen, a finger, or a mouse; moving and zooming; the eraser's two kinds; choosing, moving, copying, and snapping strokes; adding shapes, arrows, and templates; names on the drawing; full screen; and the keys.
- Saving and sharingCopy the code, save it as a Mermaid file, save the diagram as SVG or PNG, embed it in a web page, use the site offline, and save the drawing to open again.