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

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

相关推荐
俊劫3 小时前
AI Harness - 2026 AI 工程新范式
前端·openai·ai编程
刘 大 望3 小时前
开发自定义MCP Server并部署
java·spring·ai·语言模型·aigc·信息与通信·ai编程
一直会游泳的小猫3 小时前
ClaudeCode完整学习指南
python·ai编程·claude code·claude code指南
一颗小行星3 小时前
Harness Engineering 前端开发的下一个阶段
前端·ai编程
JaydenAI3 小时前
[RAG在LangChain中的实现-04]常用的向量存储和基于向量存储的检索器
python·langchain·ai编程
踩着两条虫3 小时前
重磅!这款AI低代码平台火了:拖拽生成应用,一键输出Web/H5/UniApp
前端·低代码·ai编程
超爱柠檬4 小时前
Skill—— AI 能力封装与复用
openai·ai编程
踩着两条虫4 小时前
VTJ.PRO 在线应用开发平台的代码生成与模板系统
前端·低代码·ai编程
攻城狮_老李4 小时前
从零开始理解 Agent Skills:Skill 创建最佳实践
aigc·agent·ai编程