Launching October 27, 2026
Draft Canvas

Draft Canvas

A local-first canvas for turning software architecture into a clear visual story.

FreeOpen SourceCodeVisual editing20 impressionslaunches Oct 27

Draft Canvas is a local-first architecture canvas for developers. Map systems, trace request flows, and decide what to build next, with your team. Diagrams are saved on your machine, with no account and no server in between. You can bring your own AI agent to keep them accurate, and every change it makes is reviewed before it lands. Live collaboration is optional and hosted by the owner.

Draft Canvas is a local-first, open-source visual canvas for mapping software architecture.

for
Developers and teams who need to create and share architecture diagrams offline.
pricing
free
license
Apache-2.0
acltabontabon/draft-canvas 5 0TypeScriptupdated 14 hours ago
  • v1.16.1Draft Canvas 1.16.114 hours ago
  • v1.16.0Draft Canvas 1.16.020 hours ago
  • v1.15.2Draft Canvas 1.15.25 days ago
works withNext.jsTypeScriptGoMermaidC4-PlantUMLdraw.ioClaudeCodexCursorGemini CLIJunie

Key features

6 features of Draft Canvas
  • Offline desktop app — Runs on macOS and Windows without an account and stores diagrams locally.
  • AI agent integration — Connect Claude, Codex, Cursor, Gemini CLI, Junie to generate diagrams from code.
  • Pattern library — Insert common architectures (CQRS, Saga, Event-Driven) with a quick shortcut.
  • Step-by-step flow presentation — Walk the room through request flows, showing notes and code per step.
  • Export options — Export as image, Mermaid, C4-PlantUML, Structurizr, draw.io or share a link.
  • Deep dive view — Press ⌘↓ to zoom into a shape for C4-depth details without leaving the canvas.

Use cases

  • Create a visual overview of a microservice order system for team onboarding.
  • Generate C4 component diagrams directly from a TypeScript codebase using an AI agent.
  • Present a request flow step-by-step during architecture review meetings.
  • Export architecture sketches to Mermaid for inclusion in documentation.

Draft Canvas vs alternatives

Draft CanvasGiteaSemgrepAI-AtlasFramer
Best forLocal-first architecture sketchingSelf-hosted Git hostingStatic analysis for bugs and securityAI skill mappingWebsite design and publishing
PricingFreeFreeSubscriptionFreeSubscription
DevHunt upvotes100570
LaunchedOct 2026——Oct 2026—

Draft Canvas FAQ

Do I need an internet connection to use Draft Canvas?+

No, the desktop app works offline and stores files locally.

Can I use Draft Canvas without creating an account?+

Yes, the tool is free, open source and requires no account.

How does the AI agent feature work?+

Enable agent access in Settings, install the Draft Canvas skill, then paste a prompt; the agent fills the diagram based on code.

What export formats are supported?+

You can export as an image, Mermaid, C4-PlantUML, Structurizr, draw.io, or share a link.

Is Draft Canvas available for Linux?+

The provided downloads are for macOS (Apple silicon and Intel) and Windows; Linux is not listed.

Summarized by DevHunt from draftcanvas.dev · Oct 25, 2026. Details may change; check the official site.