Next AI Drawio

Next AI Drawio 是一个把 AI 和 Draw.io 画布接在一起的开源项目，它想解决的问题很具体：画图时不用再一根线一根线地拖拽对齐，把需求说清楚，图自己就出来了。基于 Next.js 搭建，能产出架构图、流程图、UML 图这类常见于技术文档的图形，程序员、产品经理以及需要经常出图的教学岗位都用得上。因为项目代码公开，愿意自己部署的团队在数据和使用方式上也更自由。

• 官网入口：https://next-ai-drawio.jiang.jp/zh

自然语言绘图

• 描述即出图：在对话框里输入“画一个三层架构图”这类指令，AI 解析后直接落到 Draw.io 画布上，省去手动排版的时间。
• 草图转图表：上传现有图片或手绘稿，能识别其中结构并转成可继续编辑的图表，纸质草稿也能数字化。
• 版本可回退：内置历史记录，改乱了可以退回之前的版本，不必担心误操作。
• 云图标库：自带 AWS、GCP、Azure 的架构图标，画云原生系统图时不用另外找素材，连接线还带动态效果。

接入与部署

• 多模型可选：OpenAI、Anthropic Claude、Google Gemini、Azure OpenAI、AWS Bedrock、DeepSeek、Ollama 等都能对接，按手头已有的额度挑。
• Docker 起服务：一条命令就能在本地跑起来，数据不出内网，适合对私有化有要求的团队。
• Vercel 上线：部署到 Vercel 后打开网页即可使用，不想折腾环境的人也能直接体验。
• 技术栈清晰：Next.js + TypeScript 编写，集成 Vercel AI SDK 与 react-drawio，做二次开发时改动成本不高。

写技术方案、梳理系统结构，或者给学生讲一段业务流程，都可以交给它先出一版草稿，再按自己的习惯微调。结构特别复杂的图仍需人工收尾，但反复修改迭代的场景下，这种靠自然语言生成图表的方式确实省事。作为开源项目，它值得先收藏进自己的工具清单里试一次。