DayuanJiang /next-ai-draw-io

Draw and edit draw.io diagrams by chatting with an AI. Web app, desktop app, and an MCP server for Claude Code, Cursor, Codex and VS Code.

★ 36,853⑂ 3,843👁 135⑃ 653● 352▤ 20◈ 46
TypeScriptApache-2.0Created 2025-03-23next-ai-drawio.jiang.jp/
36,853
stars
+40+267+751
3,843
forks
135
watchers
653
prs
352
issues
20
releases
46
discussions

README

Next AI Draw.io

Draw and edit draw.io diagrams by chatting with an AI.

English | 中文 | 日本語






Live Demo · Docs · Gallery · Desktop App · MCP Server



https://github.com/user-attachments/assets/66b9f12f-219f-4d62-acc0-0725e6850eec

Describe a diagram in a sentence and the AI draws it on a real draw.io canvas. Edit it by hand like any draw.io file, or select a few shapes and tell the AI what to change. Every AI change is a version you can compare, restore or undo, and the result exports as .drawio, .png or .svg.

Available as a web app, a desktop app for Windows, macOS and Linux, and an MCP server for AI agents such as Claude Code, Cursor and VS Code.

 Highlights

Draw

-   Architecture diagrams, flowcharts, sequence diagrams and more from one sentence, with built-in AWS, Azure, GCP and Kubernetes icon libraries
-   Connectors can carry a flowing animation
-   Upload a screenshot or a sketch and the AI redraws it; upload PDF, Markdown, code and other text files and get a diagram of their content

Edit

-   Edit by chat: changes stream onto the canvas and the shapes the AI just changed are highlighted
-   Ask about a selection: select shapes on the canvas and the AI changes only those
-   Versions and undo: every AI change is a version card with a thumbnail; compare it with the canvas, restore it or undo it, and Ctrl+Z on the canvas also takes back an AI change in one step
-   It is a normal draw.io diagram: double-click to rename, drag, restyle, use several pages, and export as .drawio, .png, .svg or .drawio.svg at any time

Use

-   25 model providers, including an OpenAI-compatible preset for any other URL; enter your own API key in the browser and it stays on your machine
-   Models that reason show their thinking
-   Dark mode; the interface is available in English, Simplified Chinese, Traditional Chinese and Japanese

 Examples



  
    
      Highly available web app on AWS
      Prompt: Draw an AWS architecture for a highly available web app across two Availability Zones with AWS icons: Route 53, CloudFront with AWS WAF, an Application Load Balancer, ECS Fargate services in private subnets, Aurora PostgreSQL with a writer and a reader, ElastiCache for Redis, S3 for static assets, NAT gateways, and CloudWatch for monitoring.
      Model: Claude Opus 5.5, in Claude Code with the MCP server
      
    
    
      Kubernetes deployment for a web shop
      Prompt: Draw a Kubernetes deployment for a web shop: an ingress, web and API deployments with their services and pods, a Redis StatefulSet with a persistent volume, a ConfigMap, a Secret, and an autoscaler on the API.
      Model: Claude Opus 5.5, in Claude Code with the MCP server
      
    
  
  
    
      ER diagram of an online shop
      Prompt: Draw an ER diagram for an online shop: customers, addresses, orders, order items, products, categories and payments, with primary and foreign keys and the cardinality of each relationship.
      Model: Claude Opus 5.5, in Claude Code with

Top issues

Discussions

Latest release

v0.5.1 v0.5.1 2026-10-31
What's New in v0.5.1

Three weeks of fixes for the desktop app: the AI works on the page you are viewing, a style button sits next to the selection, PDF export keeps the crop size on Windows, every answer shows its tokens and time, and models can think or not by a switch. It also brings the security updates of Electron 42.

 New Features

- Style button next to the selection: a brush button next to the selected shapes opens draw.io's format panel, for changing colors, lines and text by hand. With the chat panel hidden, a sparkle button next to it opens the panel to ask the AI (1039)
- Tokens, 

Snapshot: 2026-11-10T09:35:25Z · Data license Apache-2.0 · JSON