The full feature set

Every capability, on one page.

14 days free · $12 USD/mo after · 100 weighted AI credits per 30 days.

Diagram editor

Live-preview code

Type Mermaid 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 24 languages including RTL (Arabic, Hebrew, Persian, Urdu). Node labels + edge captions come out in the language you pick.

🎙

Voice-to-diagram

Web Speech API mic with auto-restart + interim transcript. Speak your workflow — DiagraFlow types the Mermaid.

Templates

15 battle-tested starters: microservices, OAuth, ERDs, CI/CD, class diagrams, C4, gantt, and more.

Version history

Auto-snapshot on every meaningful change — 90 days on Personal, unlimited on Team.

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.

Every shape

Rectangle, ellipse, diamond, line, arrow, freehand pen, text. Six-color palette, adjustable stroke width, dashed / dotted / solid.

Infinite 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

👥

Multiplayer editing

Open a diagram in two tabs — every keystroke syncs across peers in under 400 ms. Powered by Yjs CRDTs. Snapshot debouncing (2s) keeps DB writes cheap.

💬

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 core conversions run locally; Terraform and package manifests use the configured AI path.

🔤

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. Service worker caches the shell — your diagrams stay editable when the WiFi drops.

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

All rendered HTML is sanitized before display — no XSS via 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.

Ready

Start your 14-day trial.

Start free trial