22nd of 6 in AI editors and workflow canvasesFor image, video and design, image and design
next-ai-draw-io
Chat with an AI to create and edit draw.io diagrams
- Stars
- 36.5k
- License
- Apache-2.0
- Last commit
- Nov 2026
- Last release
- Oct 2026
- Language
- TypeScript
26,268 on 10 Apr 202636,539 on 30 Oct 2026
From GitHub's daily star counts.
Checked on GitHub.
Overview
Next.js app that has an LLM generate draw.io XML on a real draw.io canvas, so diagrams stay editable by hand and export as .drawio, .png, .svg or .drawio.svg. Each AI change is saved as a version you can compare, restore or undo. It also ships as a desktop app and as an MCP server (@next-ai-drawio/mcp-server) for agents such as Claude Code, Cursor and VS Code.
Who it is for: Engineers who want AI-generated, hand-editable architecture and flow diagrams
Strengths
- Output is a normal draw.io file, editable by hand and exportable to four formats
- Per-change version history with compare, restore and Ctrl+Z undo
- 25 providers including Ollama and an OpenAI-compatible preset; browser-entered keys stay local
- Also runs as an MCP server and desktop app; admin panel for models and quotas
Weaknesses
- Small models tend to produce broken diagrams; README recommends a capable model
- Default provider is AWS Bedrock, so provider setup is needed before first run
- Hosted demo has a usage limit unless you supply your own API key
What it needs
- TypeScript, AWS Bedrock, OpenAI, Anthropic, Google AI
- Needs LLM provider API key (or Ollama for local models), Node.js and npm
- Docker
- env example file
Quick answers
Is next-ai-draw-io open source?
Yes. Its code is on GitHub under the Apache-2.0 license.
Can you run next-ai-draw-io with Docker?
Yes. Its repository has a Docker setup: a Dockerfile, a Compose file or a published image.
Head to head
Also in AI editors and workflow canvases
See all 6| Rank | Project | Score |
|---|---|---|
| 1 | penpotOpen-source design and prototyping tool with real-time collaboration and design tokens | 88 out of 100 |
| 3 | plate-playground-templateNext.js rich-text editor template on Plate with AI commands | 54 out of 100 |
| #4 | editorNotion-style Nuxt editor with AI completions and optional collaboration | 40 out of 100 |
| #5 | tersaNode canvas for chaining text, image and video models via AI Gateway | 23 out of 100 |
| #6 | workflow-builder-templateVisual AI workflow builder on Workflow DevKit with real integrations | 21 out of 100 |