Goes live November 17, 2026

It appears on the home page and opens for votes when its launch week starts.

DrawMode

DrawMode

Software diagrams for developers, teams & agents.

SubscriptionAIVisual editingAI Agents3 impressionslaunches Nov 171 comment

Comments

>log in to comment
  • Andrew McVeigh[maker]· 13h ago

    Keeping architecture diagrams up‑to‑date and usable by AI assistants is tough. DrawMode lets you draw UML, C4, Mermaid, PlantUML and many other diagram types in a collaborative editor that agents can read and modify via MCP. Analyze your system with a single prompt. Change the architecture and direct the agents. It works on web or desktop and supports Git merges of complex diagrams. I'd love your thoughts on the workflow 😊

Software diagrams for developers, teams & agents. Draw your systems in the notations you love — full UML, C4 and 29 diagram types — and work with agents through MCP in one shared visual workspace. Give your AI agents diagramming superpowers.Design, analyze & refactor in a low-friction visual editor. Draw your systems in the notations you love. Work with agents to create, analyze, refine, and refactor — all in one shared visual workspace. Connect Claude Code / Codex via MCP and your agentic coding assistants see and understand your models. Understand what the AI is building, ask questions and get beautiful diagrams back explaining your system. Create beautiful architecture, behavior, data, and UI diagrams in the notations you know. Draw from the palette, or hold Shift for the right action at the right time. DrawMode derives the model as you work.

More AI tools →74 free dev tools →

  • 29 diagram types incl. UML & C4
  • AI‑native visual editor for agents
  • Web & desktop, Git‑merge‑friendly JSON
  • Collaborative real‑time editing
  • Import/export Mermaid & PlantUML

DrawMode is a visual editor for creating UML, C4 and 29 other diagram types, with AI-agent integration via MCP.

for
Developers, product teams, and AI-agent creators who need collaborative diagramming.
pricing
freemium · free trial
works withClaude CodeCodexMermaidPlantUMLGit

Key features

6 features of DrawMode
  • 29 diagram types — Create full-UML, C4, cloud isometric, freeform shapes and UI mockups.
  • AI-native editor — Connect Claude Code or Codex via MCP so agents can read, write and refine diagrams.
  • Collaboration — Web and desktop shared workspace with live cursors, chat and Git-based merges.
  • Import/Export — Supports Mermaid and PlantUML files for easy migration.
  • Vectorized personal library — Load custom standards to make DrawMode act as your expert assistant.
  • Desktop app — Mac, Windows and Linux client with offline AI assistant support.

Use cases

  • Document and explain system architecture for onboarding new team members.
  • Iteratively design and refactor codebases with AI agents that understand the diagram model.
  • Collaboratively create UI mockups and data flow diagrams across distributed teams.

DrawMode pricing

  • Community$0Free forever · 3 projects limit · 5 diagrams per project · Web & desktop access
  • Professional$10/month billed yearlyUnlimited projects and diagrams · MCP for Claude Code & Codex · Team collaboration · Vectorized personal library
  • Professional$15/month billed monthlyUnlimited projects and diagrams · MCP for Claude Code & Codex · Team collaboration · Vectorized personal library
  • Company$25 per month per seatAll Professional features · Seat re-assignment · Company admin controls · Prioritized support

DrawMode vs alternatives

DrawModen8nLlamaIndexLangChainAmp
Best forAI-enhanced software diagrammingWorkflow automation with AILLM data indexingLLM app developmentAgentic coding assistance
PricingFreemiumSubscriptionFreeFreeSubscription
DevHunt upvotes10000
LaunchedNov 2026————
  • DrawMode vs n8n: n8n focuses on workflow automation, not visual diagramming or AI-agent model integration.
  • DrawMode vs LlamaIndex: LlamaIndex provides data indexing for LLMs, whereas DrawMode visualizes architecture.
  • DrawMode vs LangChain: LangChain is a framework for building LLM apps, not a collaborative diagram editor.
  • DrawMode vs Amp: Amp is an agentic coding tool, while DrawMode centers on diagram creation and AI-agent collaboration.

DrawMode FAQ

What diagram notations does DrawMode support?+

It offers 29 types, including full UML, C4, isometric cloud diagrams, freeform shapes and UI mockups.

How do AI agents interact with my diagrams?+

Through the MCP, agents like Claude Code or Codex can read the model, answer questions, and generate or refactor diagrams.

Is there a free version?+

Yes, the Community plan is free forever and includes the full editor with limited projects and diagrams.

Can I use DrawMode on my own infrastructure?+

The local AI assistant can run on your infrastructure using your own API key.

What collaboration features are available?+

Live editing with team cursors, chat, Git-based diagram merges and shared projects across web and desktop.

What is the trial offering for Professional?+

Free accounts get a 14-day trial of the Professional plan.

Summarized by DevHunt from drawmode.ai · Nov 12, 2026. Details may change; check the official site.

Around the web

Articles, videos and discussions