逛 GitHub 的时候,逮到了一个挺有趣的开源项目。
一周就获得了 4500+ 的 Star,而且登上了本周的开源热榜。
如果你平时工作中免不了要画流程图、架构图、UML 图啥的,但又觉得拖拽连线太费时间,这个项目绝对是你的效率救星。
这个开源项目就是 Next AI Draw.io
01、开源项目简介
简单来说,这是一个将 AI 大模型 和 Draw.io 完美融合的 Next.js 应用。它不再是你以前用的那个死板的绘图工具,而是一个听得懂人话的绘图助理。
如果你想画一个 Transformer 的架构图,以前得找图标、拖方块、对齐、连线、调颜色,得折腾半小时。
现在说句话就行,图就出来了。

这个项目短短几天 Star 数飙升,确实是因为它切中了懒人的痛点:
① 自然语言生成图表 (Text-to-Diagram)
这是最核心的功能。
你只需要描述你的需求,AI 就会利用 LLM 理解你的意图,并直接生成 Draw.io 可识别的 XML 代码。
② AI 辅助修改与优化
不是生成完就不管了。你可以像改代码一样改图:"把某一个方框背景改成紫色"。它能理解上下文,直接在现有的图上进行增删改查。

③ 草图/截图复刻 (Image-to-Diagram)
你在白板上随手画的草图,或者看到别人文档里的一张好图,直接截图上传给它,AI 能分析图片内容,把它重绘成可编辑的 Draw.io 矢量图。
再也不用对着别人的图一点点照猫画虎了。
④ 基于 Draw.io
因为它是基于 Draw.io 的,内置了 AWS、GCP、Azure 等主流云厂商的图标库。
你让它画云架构图时,它会自动使用官方图标,而不是随便给你弄个方块写上名字,专业度直接拉满。
而且原本 Draw.io 的相关管理能力都具备,整体功能挺完备的。

02、如何部署
项目非常贴心地提供了 Docker 支持。如果你不想折腾环境,直接 Docker 一键启动:
lua
docker run -d -p 3000:3000 \ -e AI_PROVIDER=openai \ -e AI_MODEL=gpt-4o \ -e OPENAI_API_KEY=your_api_key \ ghcr.io/dayuanjiang/next-ai-draw-io:latest
当然,你也可以 Clone 代码下来 npm install && npm run dev 本地跑,数据掌握在自己手里,安全。
bash
开源地址:https://github.com/DayuanJiang/next-ai-draw-io
在实际体验中,我觉得这个开源项目特别适合从 0 到 1 画个初稿的场景。
它其实无法一次性生成完美无缺的复杂架构图,毕竟 AI 对空间布局的理解有时会飘,但它能瞬间帮你完成 80% 的工作量。
把所有需要的组件放上去,连好基本的线。你需要做的,只是简单的微调和美化。
强烈建议使用 Claude Sonnet 4.5。因为它的逻辑和格式遵循能力非常强,弱一点的模型容易生成损坏的文件或乱飞的连线。