如果你经常画流程图、架构图、技术图,那这个项目你一定会非常喜欢。
今天给大家介绍一个最近在 GitHub 上非常火的项目:next-ai-draw-io
这是一个基于 Next.js 的 Web 应用程序,它把 AI + draw.io 结合在一起,实现了用一句话,就能让 AI 帮你画图。
不是简单生成图片,而是 可编辑的 draw.io 图,这点非常强。

目前这个项目已经拿到 25k+ 的Star了,增长非常快,说明大家真的很需要这种工具。
下面带你详细看看这个项目到底有多强。
01 系统功能示意图
这是我让它帮我画一个积分系统功能示意图

生成的动画示意图

可以直接把流程图导出为GIF图或者其它的格式。

这对做技术的人来说是非常的方便,以前写文档要画流程图、做架构要画架构图、写方案也要画逻辑图,而这个项目,直接把这个问题解决了。
你只需要告诉 AI:
- 帮我画一个用户登录流程图
- 画一个微服务架构图
- 画一个电商系统架构
- 画一个AI Agent流程图
然后,AI 就帮你直接生成图,而且还是 可编辑的 draw.io 图,不是一张死图片,这点真的非常关键。
02、支持多模型(非常强)
这个项目支持非常多 AI 模型:OpenAI、Claude、Gemini、DeepSeek、Ollama、Azure OpenAI、AWS Bedrock。
几乎你用的模型都支持。

而且还支持本地模型,这对于企业来说非常重要。
同时也支持识别图片、PDF等内容来生成流程图。我用的是GLM-4.7模型进行测试,这个模型除了无法识别图片,其它效果还不错。
03、支持版本历史(这个很专业)
AI 修改图时,支持查看历史版本、回滚版本、对比变化。

这就非常工程化,不是简单的 AI 玩具了,而是真正能用于生产的工具。
04、这个项目的技术架构
从技术角度来看,这个项目也很值得学习:
技术栈包括:
- Next.js
- Vercel AI SDK
- react-drawio
- 多模型接入
核心原理是 AI 生成 draw.io XML,然后再渲染为图表。
draw.io 本身就是 XML,AI 非常适合生成结构化内容,所以这就是这个项目成功的关键。
05、支持 MCP(Agent)
更厉害的是,这个项目还支持 MCP。
也就是说,你可以在 Cursor / VS Code 里说:
帮我画系统架构
AI 就会直接帮你生成图,这已经进入 AI Agent 自动画图时代。
不过目前 MCP 还在实验阶段,不是很稳定,可以使用。

项目地址
GitHub 地址:
bash
https://github.com/DayuanJiang/next-ai-draw-io
这个项目不仅仅是一个 AI 工具,而是一个:能提升效率的生产力工具。
如果你经常画图,强烈建议试试。