Guide
Diagram Studio — describe it, AI draws it
A free diagram maker for flowcharts, mind maps, sequence, ER, Gantt and architecture diagrams. Write simple text, use the visual builder or let AI draw it — then export, embed or drop it into a document.
Make a diagram Browse templates
Ways to create
- AI — describe the diagram; AI writes it. ✨ Fix repairs syntax errors, 💡 Explain describes it, ⇄ Convert turns a flowchart into a sequence diagram, mind map and more.
- Visual builder — add shapes (box, decision, database, circle…) and connections from a form; the code updates for you. Mind maps use an indented outline.
- Text — Mermaid, Graphviz DOT, PlantUML, D2 and more, with a code editor, live preview, zoom and pan.
- 25 templates — flowchart, mind map, sequence, class, ER, state, Gantt, timeline, journey, pie, quadrant, Git, XY chart, Sankey, architecture, Graphviz, Vega-Lite, PlantUML, D2, WaveDrom, nomnoml, ABC music and GeoJSON maps.
Export & share
PNG (2× / 4× / transparent), SVG, PDF, JPG, WebP, Word, HTML, Markdown and source files; copy the image straight to the clipboard; print. Share a private or short link, or copy an embed code for any website.
Works with Markdown Editor
Diagram Studio and Markdown Editor share one account, one library and cloud sync. Insert any diagram into a document without leaving the studio, or open the studio from the editor's ribbon.
Shortcuts
| Shortcut | Action |
|---|---|
| Ctrl S | Save |
| Ctrl J | AI draw |
| Ctrl + / − | Zoom |
| Ctrl 0 | Fit |
| Ctrl Enter | Re-render |