还在为画架构图、流程图头疼吗？手动拖拽节点、调整连线、寻找图标，往往耗费大量时间。目前，一款名为 Next AI Draw.io 的开源工具彻底改变了这一体验。它不仅仅是一个绘图工具，更是一个“听得懂人话”的AI设计师。你只需要用自然语言描述需求，它就能自动生成专业的 draw.io 图表，甚至支持上传图片和PDF直接转化为可编辑的矢量图。

核心亮点：不只是生成，更是智能协作

Next AI Draw.io 基于 Next.js 16 和 React 19 构建，集成了 Vercel AI SDK，带来了多项突破性能力：

• 自然语言生图： 输入“画一个RAG架构的聊天应用流程图”或“用Serverless架构展示React+AWS认证流程”，AI 即刻生成对应的 XML 代码并渲染为图表。
• 多模态理解： 支持上传图片或 PDF 文档。你可以把一张手绘草图或技术文档扔给它，AI 会自动识别内容并复刻成标准的 draw.io 图表。
• 思维链可视化： 对于 OpenAI o1/o3、Gemini、Claude 等推理模型，你可以实时查看 AI 的“思考过程”，了解它是如何拆解你的绘图指令的。
• 动态动画连接器： 告别静态图表，支持生成带动画效果的连接线，让数据流向和系统交互更加生动直观。
• 版本回溯： 内置完整的图表历史记录，AI 修改不满意？随时一键恢复到之前的任意版本。

强劲的模型生态与 MCP 支持

这个项目最让人惊喜的是其开放的生态。它不绑定单一模型，而是支持 20+ 主流 AI 服务商，包括字节豆包、AWS Bedrock、OpenAI、Anthropic、Google、Azure、DeepSeek、SiliconFlow 等。除了 AWS Bedrock 和 OpenRouter 外，几乎所有服务商都支持自定义 Endpoint，方便接入私有化部署的模型。

特别推荐： 如果你需要绘制云架构图（AWS/Azure/GCP），首选 Claude 系列模型。由于该系列在训练时专门学习过包含云厂商图标的 draw.io 图表，生成的架构图图标精准度远超其他模型。

此外，它还提供了 MCP Server 支持。这意味着你可以在 Claude Desktop、Cursor、VS Code 等 AI 编程工具中直接调用它。只需配置一行 JSON，就能在写代码的同时让 AI 帮你画流程图，并在浏览器中实时预览，真正实现“代码与图表同步”。

零门槛上手与灵活部署

• 在线体验： 无需安装，直接访问官方 Demo 站点即可使用。Demo 站目前由字节豆包赞助，免费使用强劲的 glm-4.7 模型。你也可以在设置中填入自己的 API Key，绕过公共额度限制，且密钥仅保存在本地浏览器，安全无忧。
• 桌面客户端： 提供 Windows、macOS、Linux 原生应用下载，离线环境也能用（需自备API）。
• 一键部署： 支持 Vercel、Cloudflare Workers 以及腾讯 EdgeOne Pages 一键部署。通过 EdgeOne Pages 部署还能额外获得 DeepSeek 模型的每日免费额度。
• Docker 自托管： 适合企业内网或对数据隐私有要求的团队，完整掌控所有配置。

为什么值得关注？

传统的 AI 绘图工具大多生成的是不可编辑的图片，而 Next AI Draw.io 生成的是标准的 draw.io XML。这意味着你可以在此基础上继续手动微调，或者将其无缝导入到现有的 draw.io 工作流中。它不是要替代设计师，而是将“从0到1”的枯燥工作交给 AI，让人类专注于“从1到100”的优化与表达。

项目采用 Apache 2.0 开源协议，完全免费商用。无论你是开发者、产品经理还是技术写作者，这款工具都值得加入你的效率工具箱。

注：绘制复杂图表提议使用 Claude Sonnet 4.5、GPT-5.1、Gemini 3 Pro 或 DeepSeek V3.2/R1 等长文本格式化能力较强的模型，以确保生成的 XML 结构完整可用。

项目开源地址：
https://github.com/DayuanJiang/next-ai-draw-io