「next-ai-draw-io」AI 图表编辑器：用自然语言生成和维护可编辑 draw.io 架构图

next-ai-draw-io 解决的是一个很典型的技术文档痛点：脑子里有架构、流程或系统关系，但真正落到图上时，要么在 draw.io 里一点点拖节点、连线，要么让 AI 生成一张静态图片，后面又很难改。它把 AI 对话和 draw.io 图表放进同一个界面，让你用自然语言生成、修改和增强 diagram，同时保留 draw.io XML 这条可编辑链路。

这和普通 AI 画图工具的差别很大。架构图、RAG 流程、认证链路、云服务拓扑这些内容，最重要的不是“像插画一样漂亮”，而是节点、关系、层级和语义能被继续编辑。next-ai-draw-io 让模型生成或修改 draw.io 可渲染的 XML，图表可以继续在面板里调整，也能下载为 Draw.io XML、PNG、SVG 或可编辑 SVG。对写方案、做系统设计、整理产品流程的人来说，这比一次性图片更接近真实工作流。

它的输入方式也不局限于纯文本。README 里明确支持上传已有图表或图片，让 AI 复制和增强；也支持 PDF、文本文件等内容输入，再从文档里提取结构生成 diagram。项目还提供图表历史，AI 修改前的版本会被记录下来，方便回退；对支持推理展示的模型，还能看到 AI 的思考过程。对于复杂图来说，这些细节比“能生成”更重要，因为你需要知道哪里变了，也需要随时退回上一版。

另一个值得注意的方向是 MCP Server。项目提供 @next-ai-drawio/mcp-server，可以接入 Claude Desktop、Cursor、VS Code、Claude Code CLI 等工具，让 agent 直接请求生成图表，并在浏览器里实时呈现。这意味着它不只是一个网页 Demo，也可以变成 AI 编程和文档工作流里的 diagram 后端：写设计文档时让 agent 生成认证流程图、RAG 架构图或云服务拓扑，不必手动在图形工具里从零搭。

项目目前约 30930 个 Star，TypeScript / Next.js 实现，Apache-2.0 许可证。它支持在线 Demo、Windows / macOS / Linux 桌面应用，也能通过 Docker、本地 Next.js、Vercel、Cloudflare Workers、Tencent EdgeOne Pages 等方式部署。模型侧支持 OpenAI、Anthropic、Google、Azure OpenAI、Ollama、OpenRouter、DeepSeek、SiliconFlow、ModelScope、Vercel AI Gateway 等多种 provider，Demo 也允许用户在浏览器本地配置自己的 API key 来绕过公共额度限制。

它适合的场景很明确：工程团队画架构图、产品经理梳理流程、开发者把论文或文档转成结构图，或者把已有草图整理成可继续维护的 draw.io 文件。边界也同样清楚：越复杂的图越依赖模型对 draw.io XML 的稳定生成能力，云架构图还会受模型对 AWS、Azure、GCP 图标和语义的掌握程度影响。但作为 AI diagram 工作流的开源参考，它已经非常值得研究。