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