In simple English
You can draw a complex diagram by simply typing a sentence. An artificial intelligence (a computer program that generates text and images from a prompt) places every box and line onto a real draw.io (a free website for making diagrams) canvas. You can edit the result by hand or ask the assistant to change specific shapes. Every change saves as a version card, so you can compare or undo your steps. It is free to run on your own machine if you supply your own model key.
What it is
A web application, desktop app and MCP (a protocol that lets artificial intelligence agents use outside tools) server that connects popular language models to a draw.io canvas. It translates natural language prompts into diagram code and lets you update drawings through chat.
What it is good for
Solo builders who need to create architecture diagrams, user flows or database schemas quickly without spending hours dragging boxes by hand.
- Supports over twenty five model providers including local models through Ollama.
- Every artificial intelligence change creates a visual version card with a thumbnail for easy comparison.
- Works as a web app, desktop app and an integration for programming assistants.
- Requires an external API key and a capable model, as small models produce broken diagrams.
- Running it locally requires Node.js and some command-line setup.
- Self-hosting needs environment variables configured correctly for your chosen providers.
Drawing diagrams manually box by box in draw.io
Claude Code or Cursor
- tldraw/tldraw51k stars
An infinite canvas library that also offers artificial intelligence drawing features, but focuses on freeform sketching rather than structured draw.io diagrams.
- mermaid-js/mermaid91k stars
Generates diagrams from text descriptions, but lacks an interactive drag-and-drop canvas and direct chat editing.
- GoogleChromeLabs/squoosh26k stars
A web page that compresses images in the browser and shows you the result before you save it.
- simple-icons/simple-icons26k stars
More than 3,400 brand logos as single-colour SVG files, released into the public domain.
- phosphor-icons/core394 stars
The raw SVG files and the catalogue for the Phosphor icon family, with no framework package attached.
git clone https://github.com/DayuanJiang/next-ai-draw-io cd next-ai-draw-io npm install cp env.example .env.local npm run dev