再也不用手动画图了,这个 AI 工具太强了

如果你经常画流程图、架构图、技术图,那这个项目你一定会非常喜欢。

今天给大家介绍一个最近在 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 工具,而是一个:能提升效率的生产力工具。

如果你经常画图,强烈建议试试。

相关推荐
爱吃的小肥羊16 小时前
手把手教你在Claude Code中熟练使用SKILL技能!
ai编程·claude
yaocheng的ai分身16 小时前
【转载】使用 Claude Code:HTML 的有效性
ai编程·claude
小虎AI生活16 小时前
WorkBuddy+Hy3 preview:普通人如何用 AI 把想法变成现实
ai编程·codebuddy
CodePlayer18 小时前
AI 全链路,我们正站在 2014 年
ai编程
libokaifa18 小时前
Claude Code的工程化落地:MCP 篇
ai编程·claude·vibecoding
Bigger18 小时前
因为看不懂小棉袄的画,我写了个 AI 程序帮我“翻译”她的世界
前端·人工智能·ai编程
AI_Ming19 小时前
从0开始学AI:层归一化,原来是这回事!
算法·ai编程
海上日出19 小时前
量化选股"智能评分卡":用 Python 构建多因子模型,选股胜率提升 42%(完整代码)
ai编程
billhan201619 小时前
AI 写代码比你快 10 倍,你还剩什么?——读 mattpocock/skills
ai编程
Awu122719 小时前
⚡精通 Claude 第 8 课 | 给 Claude 装个撤销按钮:检查点完全指南
aigc·ai编程·claude