Every capability, on one page.
14 days free with 10 one-time AI credits · Then the annual offer is $12 USD/user/mo, billed as $144 USD/year, or $15 USD/user/mo billed monthly · 20 AI credits per month · Add 20 credits for $15 USD.
Diagram editor
Live-preview code
Open the public Mermaid editor to type source and see a debounced preview that keeps the newest edit when renders overlap.
20 diagram types
Sequence, flow, class, ER, state, C4, mindmap, gantt, journey, timeline, gitgraph, pie, quadrant, sankey, XY, block, packet, kanban, requirement, architecture.
AI prompt-to-diagram
Plain language in, Mermaid out. Complex requests can surface assumptions and clarification questions; generated work is verified and shown for review before Apply.
Multi-language AI output
Generate diagrams in 23 languages including RTL (Arabic, Hebrew, Persian, Urdu). Node labels + edge captions come out in the language you pick.
Voice-to-diagram
In browsers that support the Web Speech API, use the mic with interim transcription and automatic listening recovery. Typed prompts remain available in every browser.
Templates
37 professional starters: microservices, OAuth, ERDs, CI/CD, class diagrams, C4, gantt, and more.
Version history
Auto-snapshot on every meaningful change — 90 days on Personal.
Portable export
PNG, accessible SVG, PDF, Markdown, raw .mmd, and a self-contained printable HTML report. Office-friendly copy uses browser vector clipboard support and downloads SVG when that is unavailable.
Story mode
Walk through rendered nodes in order with previous/next or arrow keys. Reveal effects are presentation-only, so exports retain the complete diagram.
Whiteboard
Hand-drawn rendering
Powered by rough.js — every stroke has a sketch-like personality. Toggle off for crisp lines.
Core whiteboard shapes
Rectangle, ellipse, diamond, line, arrow, freehand pen, text. Six-color palette, adjustable stroke width, dashed / dotted / solid.
Pan and zoom canvas
Alt-drag to pan, Ctrl+scroll to zoom, keyboard-shortcut tool switching (V P R O D L A T).
Full undo/redo
100-step undo stack, keyboard shortcuts, per-canvas auto-save.
Labels on shapes
Double-click any shape to add or edit its label — no separate text tool required.
Export PNG
One click — includes background, preserves DPR for hi-DPI displays.
Real-time collaboration
Shared editing, teammate comments, and presence require eligible Team workspace access. Personal diagrams remain private unless you explicitly share a read-only link or move them into an eligible workspace.
Multiplayer editing
Open a diagram in two tabs and edits synchronize live through Yjs CRDTs. Perceived latency depends on each participant's network; two-second snapshot debouncing keeps database writes efficient without delaying peer updates.
Comment threads
Pin comments to any shape or the whole diagram. Resolve, delete, permalink. Owner-only ACL — strangers get 404 (no user-existence leak).
Live presence
See who else is in the room — colored avatar chip in the topbar. Yjs Awareness protocol under the hood.
Cross-device sync
Sign in on desktop, laptop, phone — same diagrams, same edits. Metadata via REST; live code via Yjs.
Share & embed
Public share links
Mint a cryptographic token; anyone with the URL can view — no signup required. Optional expiry (30d, 7d, custom) and one-click revoke.
Standards-based embed
Every share link has a chromeless /embed/<token> URL for platforms
that accept ordinary iframes. This is a web embed, not a native CMS integration.
Owner-scoped by default
Diagrams are private until you explicitly mint a share. Strangers hitting your private URL get 404 — no ID enumeration.
Advanced diagramming
Nested subprocesses
BPMN-style drill-down. Any shape can be a link to another diagram —
click Step call openSub("d_child"). Double-click to descend; breadcrumb
trail to climb back.
Structured import
SQL DDL → ERD, OpenAPI JSON/YAML → sequence, and JSON, YAML, or quoted CSV → editable Mermaid. These supported conversions run locally; an AI-assisted structured import uses server-calculated credits when used.
Reviewable recovery
Parse errors get an accurate line hint and a source-bound Fix action. A proposed repair is never applied after the source changes.
PWA + offline
Install as an app. The service worker caches the shell, and browser-local drafts may remain editable offline; cloud sync needs a network connection.
Integrations & API
MCP server
Ships with a stdio JSON-RPC server. Wire up Claude Desktop, Cursor, or any MCP client — 5 tools: list, get, create, update, generate diagrams from an agent.
GitHub drift review
Load and save .mmd files with a Personal Access Token. If local and
remote both changed, DiagraFlow requires an explicit keep-local or reload-remote
choice before committing.
Configurable AI backends
Administrators can configure supported hosted, local, or OpenAI-compatible endpoints. Availability depends on the deployment's credentials and provider compatibility.
Self-service account
Change password (with old-pw verification), change email, list active sessions + revoke, export all your data as JSON, delete account. All from Settings.
Docs
Full Markdown
GFM: tables, task lists, fenced code, blockquotes, headings, images.
Live Mermaid blocks
Any ```mermaid block renders in place inside the document preview.
Export .md and .html
Standalone HTML with all diagrams already rendered — perfect for READMEs, wikis, or a Slack paste.
DOMPurify-safe
Rendered HTML is sanitized before display to reduce the risk from untrusted Markdown.
Dark + light
Both themes, everywhere. Diagrams re-theme automatically.
Browser-local public Docs
The public Docs workspace auto-saves in this browser without an account. Export a copy before clearing browser data; it does not claim account or CMS sync.