再也不用手动画图了,这个 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 工具,而是一个:能提升效率的生产力工具。

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

相关推荐
ZzT1 小时前
AI 是放大器:基础越扎实,放大效果越明显
人工智能·ai编程
疯华整猫2 小时前
把二十七个 init 从首帧前面搬走:用 Trae 把启动优化钉进 CI
android·性能优化·ai编程
灵感__idea2 小时前
“小猫补光灯”:App Store 付费榜第一的产品故事
ai编程·claude·cursor
threerocks2 小时前
一个人指挥一支 AI 剧组:Gemini 4 + Omni 1.2 剧情短片制作保姆级教程
aigc·openai·ai编程
卸任3 小时前
AI 编程工具越用越多,模型配置越来越乱:用 Magpie 把它们管起来
前端·ai编程
西安小哥4 小时前
大模型做 Code Review,我把它放在 CI 的哪一层
ai编程
前端双越老师4 小时前
程序员 1v1 访谈系列第十三期:大龄已育空窗一年如何破局
前端·ai编程·全栈
隔窗听雨眠4 小时前
AI编码提效背后的组织人效重构
研发效能·ai编程·工程管理
聪明的笨猪猪5 小时前
实际工程问题:AI生成MyBatis批量操作的SQL超限与性能雪崩
java·经验分享·面试·ai编程
小虎AI生活14 小时前
WorkBuddy 积分不够烧?我找到了每天白送 5000 的平台
aigc·ai编程