Next AI Draw.io 是一款 AI 图表生成工具,通过自然语言描述即可自动创建 draw.io 格式图表。支持 AWS/GCP/Azure 等云架构图标,MCP 工具集成,多 AI 模型切换。生成的图表可直接编辑修改、导出分享,数据完全私有,完全开源免费。
🎤 引言
画架构图、流程图的时候,你还在对着 draw.io 一个个拖拽元件吗?
今天安利一个开源项目 Next AI Draw.io,它把 AI 和 draw.io 绑在了一起。你只需要描述一下想要什么图,AI 直接给你生成可编辑的 draw.io XML 代码,改改颜色、调调位置,完全自己做主。
⭐ 核心功能
🤖 自然语言生成图表
这是它的核心卖点。你跟它说"给我画一个微服务架构图,包含 API Gateway、用户服务、订单服务",它直接输出完整的 draw.io XML。
支持中文描述,对中文用户很友好。
☁️ 云平台图标一键生成
内置 AWS、GCP、Azure 三大云平台的官方图标库。说一句"帮我画一个 AWS 架构图",AI 自动把对应的 EC2、RDS、S3 拖进去,位置还给你摆得整整齐齐。
🔧 MCP Server 支持
这个功能挺有意思——它能作为 MCP Server 运行,对接 Claude Code 等 AI 工具。以后在 Claude Code 里直接让 AI 帮你画图,不是梦。
🖥️ 桌面应用 + Docker 部署
不想用网页版?可以下载桌面应用(Electron),或者直接用 Docker 部署私有版本,数据完全在自己手里。
📦 多 AI 模型切换
默认用 glm-4.7(感谢字节跳动 Doubao 赞助),也支持 OpenAI GPT、Anthropic Claude 等模型。换模型就像换频道,简单。
📥 安装与使用
网页版(最简单)
直接访问在线 Demo:https://next-ai-drawio.jiang.jp
打开就能用,不需要注册。
Docker 部署(自建私有)
docker pull ghcr.io/dayuanjiang/next-ai-draw-io:latest
docker run -d -p 3000:3000 ghcr.io/dayuanjiang/next-ai-draw-io:latest然后浏览器打开 http://localhost:3000
本地开发
git clone https://github.com/DayuanJiang/next-ai-draw-io
cd next-ai-draw-io
npm install
npm run dev需要提前配置一个 AI API Key(支持 OpenAI、Claude、glm-4 等)。
使用示例
输入:帮我画一个用户请求 -> Nginx -> API Gateway -> Redis -> MongoDB 的流程图
输出:完整的 draw.io XML 代码,可以直接粘贴到 draw.io 打开编辑🎯 适用场景
👨💻 技术文档写作
写技术文档的时候需要配图?以前要花半小时,现在一句话搞定。
☁️ 云架构设计
AWS/GCP/Azure 架构图是刚需,用这个工具快速出初稿,再手动微调,效率翻倍。
📊 流程图/甘特图
项目管理、流程说明,用自然语言描述比手动画快太多。
🤖 AI 开发工作流
配合 MCP Server,在 Claude Code 等工具里直接调用画图能力。
🔍 对比/替代方案
| 工具 | 特点 | 缺点 |
|---|---|---|
| Next AI Draw.io | 开源免费、AI 生成、可编辑 | 需要配置 API Key |
| draw.io | 离线可用、无需联网 | 手动绘制、费时间 |
| Excalidraw + AI | 手绘风格、支持 AI | 功能相对单一 |
| Miro AI | 在线协作强 | 付费、不开源 |
如果你追求免费 + 可编辑 + 开源,Next AI Draw.io 是目前最好的选择。
⚠️ 注意事项
1. AI 生成的内容需要核实
AI 画的图不一定完全符合你的预期,生成后要检查一下连接线方向、元件位置是否正确。
2. API Key 需要自备
开源本身免费,但 AI 模型调用需要你自己的 API Key。有一定的使用成本。
3. 复杂图表建议手动微调
简单的架构图、流程图 AI 做得不错,但涉及非常细节的业务逻辑时,还是需要人工介入调整。
✅ 总结
优点:
- 开源免费,支持私有部署
- 自然语言生成图表,效率提升明显
- 云平台官方图标,架构图神器
- 支持多 AI 模型切换
- MCP Server 功能想象力丰富
缺点:
- 需要配置 API Key,有一定门槛
- 复杂图表需要手动微调
- 桌面版体验不如网页版流畅
适合人群:技术写作者、架构师、开发团队、需要快速出图的各种场景。
推荐指数:⭐⭐⭐⭐ (4/5)
项目地址:https://github.com/DayuanJiang/next-ai-draw-io
在线体验:https://next-ai-drawio.jiang.jp