D
DayuanJiang/next-ai-draw-io
Draw and edit draw.io diagrams by chatting
在 GitHub 查看 ↗链接已于 2026-11-12 核查 · HTTP 200 · 打开的是厂商自己的官网
安装与配置
客户端配置（取自该仓库的安装命令）
{
"mcpServers": {
"dayuanjiang-next-ai-draw-io": {
"command": "npx",
"args": ["@next-ai-drawio/mcp-server@latest"]
}
}
}解析自我们于 2026-11-04 抓取的该仓库 README；我们未执行过。
command/args 来自仓库写明的安装命令；不确定时请以该项目 README 为准。
VS Code（.vscode/mcp.json —— 键名是 servers）
{
"servers": {
"dayuanjiang-next-ai-draw-io": {
"command": "npx",
"args": ["@next-ai-drawio/mcp-server@latest"]
}
}
}VS Code 顶层键是 <code>servers</code>，其余与上面那份相同。
Claude Code（命令行）
claude mcp add --transport stdio dayuanjiang-next-ai-draw-io -- npx @next-ai-drawio/mcp-server@latest
Claude Code 不收 JSON 文件，用这条命令直接加。
配置项的键名以你的客户端为准：客户端与 CLI
- 来源明细
- 收录自 abordage/awesome-mcp 榜单（我们从中收集的条目之一） · 条目类型：MCP 服务
- 收录与活跃
- 收录于 2026-11-05 · 最近见到 2026-11-14 · 共见到 10 次 · 被 10 个来源列出
- 评分构成
- 综合分 1,003 · 10 个来源 · mcp
- 安装
npx @next-ai-drawio/mcp-server@latest
常见问题（答案都来自我们的记录）
怎么安装？
该仓库给出的安装命令是
npx @next-ai-drawio/mcp-server@latest。我们的记录里它是仓库自己提供的；不保证在你的客户端上直接可用。它适合谁 / 用来做什么？
我们把它归在这些标签下: MCP 服务。标签来自条目自身，不是我们强加的分类。
谁维护它、还在更新吗？
我们收录于 2026-11-05；最近见到 2026-11-14。这里没有"官方认证"或"质量评级"——我们只记录来源与时间。
# Next AI Draw.io
以下摘录自该仓库的 README（片段） · 在 GitHub 读完整 README →
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 the MCP server
BPMN expense claim process
Prompt: Draw a BPMN process for an expense claim: an employee submits it, the manager approves or rejects it, finance checks the receipts and pays, and the claim goes back to the employee when receipts are missing.
Model: Claude Opus 5.5, in Claude Code with the MCP server
Transformer architecture with animated connectors
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 the MCP server
BPMN expense claim process
Prompt: Draw a BPMN process for an expense claim: an employee submits it, the manager approves or rejects it, finance checks the receipts and pays, and the claim goes back to the employee when receipts are missing.
Model: Claude Opus 5.5, in Claude Code with the MCP server
Transformer architecture with animated connectors
收录徽章（可选）
想把收录标记放进 README 就复制这行，可选，不影响收录。
[](https://anclum.com/zh/s/dayuanjiang-next-ai-draw-io/)
- 来源
- awesome · https://github.com/DayuanJiang/next-ai-draw-io
- 按领域浏览
- MCP 服务
- 收录来源
- 10 个独立来源
- 收录于
- 今天
同类推荐
所属领域与标签
每个标签都能点进去看同类的全部条目。数字是当前库里的真实条数。