System design, reimagined

Draw your stack.
Ship it as a spec.

Modudraft is a live architecture canvas that speaks your AI agent's language. Drag and drop components, flip between abstract symbols and real vendor logos, then let your MCP-connected LLM read and write the diagram directly.

Start designing — it's free See how it works

No account required to try. Saves locally in your browser.

← Screenshot / demo video coming soon →
Features

Everything your architecture doc needs

A canvas that thinks at the level of systems — not pixels — so you spend time on the design, not the tool.

22 archetypes, 190+ tools
Every component shape maps to a real architectural concept — load balancer, queue, database, cache. Real-mode flips abstract symbols to actual vendor logos without moving a thing.
Dual view: symbol ↔ logo
Hit M to toggle every node between engineering archetype symbols and real vendor logos. Perfect for presentations to both technical and non-technical audiences.
Sequence + DB schema views
Switch to the Sequence tab to map interactions between participants. The DB Schema tab auto-generates entity cards from any database node in your architecture diagram.
Boundary grouping
Draw a boundary region and any nodes inside it are automatically grouped. Use it to mark VPCs, teams, services, or any logical partition of your architecture.
Instant share links
Copy a compressed share URL — entire diagram serialized into the hash, no account needed. Your audience opens the link and gets a read-only live canvas.
Mermaid import
Paste any Mermaid flowchart and it becomes an editable canvas instantly. Great for migrating existing architecture docs or bootstrapping from an AI-generated diagram.
MCP — Model Context Protocol

Let your AI agent draw the diagram

Connect Claude, Cursor, or any MCP-compatible client to Modudraft. Your agent can read the current architecture, add nodes and edges, annotate components, and lay out the diagram — all via natural language. You stay in the loop; it does the grunt work.

Connect your agent
"mcpServers": "modudraft": "command": "npx", "args": [ "-y", "@modudraft/mcp" ]
What engineers say

Built for the way engineers actually work

"Finally a diagramming tool that doesn't get in the way. I had our entire auth flow documented in 15 minutes."

A
Alex R.
Staff Engineer

"The MCP integration is a game changer. I describe the system in plain English and Claude builds the diagram. Then I clean it up."

S
Sara M.
Senior Backend Engineer

"We onboard new engineers with a shared Modudraft canvas. What used to take weeks of reverse-engineering now takes an afternoon."

J
James T.
Engineering Manager
Pricing

Simple, honest pricing

Start free — no credit card, no time limit. Upgrade when you need persistent cloud storage and team features.

Free
$0
For individuals exploring or doing one-off architecture work.
Get started free
  • Unlimited canvas (local only)
  • All 22 archetypes + 190 tools
  • Sequence & DB schema tabs
  • Share links (hash-based)
  • Mermaid import / PNG export
Pro
$9 / mo
For engineers who want their diagrams anywhere, on any device.
Start Pro trial
  • Everything in Free
  • Cloud sync — access from any device
  • Unlimited saved diagrams
  • MCP server
  • Priority support
Team
$12 / seat / mo
For teams that need shared workspaces and access control.
Contact us
  • Everything in Pro
  • Shared team workspace
  • Real-time collaboration
  • Role-based access (coming soon)
Enterprise
Contact us
For organisations that need security controls and dedicated support.
Contact us
  • Everything in Team
  • Enterprise templates
  • Team hubs
  • SAML / SSO authentication
  • Enforceable sharing restrictions