夜雨聆风
你有没有为画一张流程图、架构图、UML图而耗费一整个下午？
今天想认真给大家推荐一个GitHub上很火的开源项目——next-ai-draw-io，它把大模型接入了draw.io，让你直接用自然语言就能“说”出专业图表。
这到底是个什么神仙项目？
简单来说，next-ai-draw-io 是一个基于 Next.js 的 AI 绘图应用，它把 draw.io 强大的绘图能力和大语言模型揉在了一起。你只需要在对话框里用大白话说出需求，比如：
“画一个用户登录的时序图，包含前端、后端和数据库。”
几秒钟，一张完整的时序图就自动摆在你面前了。更爽的是，它还支持多轮对话修改，比方说你再补一句：“把数据库改成MySQL，顺便加上缓存层”，它就能精准地在图里给你加上、改好。项目完全开源，自己部署的话，数据也全攥在自己手里，很安心。
用下来，我觉得它的核心亮点有几个。
首先是画图方式彻底变了。以前拖拽半天，现在动动嘴就行，流程图、时序图、类图、架构图、ER图这些，基本覆盖了draw.io最常用的图形。
其次是交互感特别好。它不是那种“一次性”生成后就不管了的工具，而是允许你连续对话调整。你说“把那个框往右边挪一点”，它就真的给你挪，特别像跟一个听得懂话的助手在配合。
然后是部署很灵活，安全可控。基于Next.js，你可以一键丢到Vercel上，也可以自己在服务器上跑起来，API Key完全由你掌握，不用担心数据泄露。
最后是导出方便。生成的图能直接导出为 .drawio 源文件，也能导出 PNG、SVG 这些格式，塞进文档、PPT里毫无压力，不用二次转格式。
聊聊它的技术栈吧，对开发者挺友好的。前端是 Next.js 14 + React + Tailwind CSS，绘图内核是内嵌的 draw.io，AI 层支持 OpenAI、Azure OpenAI 以及其他兼容 API 的大模型。部署方面，Vercel 和 Docker 都是一条命令的事儿。
想快速用上？部署其实超级简单，跟着几步走就行。
首先，把仓库克隆下来：
git clone https://github.com/DayuanJiang/next-ai-draw-io.git
cd next-ai-draw-io
然后配置一下环境变量。把 .env.example 复制一份为 .env.local，在里面填上你的 OpenAI API Key：
OPENAI_API_KEY=sk-xxxx
如果你用的是别的模型，就改一下 AI_PROVIDER 和对应的接口地址。
最后启动项目：
npm install
npm run dev
浏览器打开 http://localhost:3000，就能开画了。
如果不想自己折腾部署，也可以留意一下作者有没有提供在线 Demo（可以自己去GitHub仓库里看看）。
哪些人会特别喜欢它？
程序员写文档画架构图、时序图，产品经理出业务流程图，技术博主给文章配图，甚至学生和老师做课程设计、毕业设计的图表，都能省下大把时间。简单说，任何需要画图但又烦透了拖拽的人，用一次大概率会回不去。
最后再说两句。
next-ai-draw-io 给我的感觉是，这才是 AI 真正扎进生产力里的样子。它没什么花里胡哨的，就是实打实解决了“画图慢、改图烦”这个存在了十几年的老痛点。项目在 GitHub 上完全开源，Star 数涨得很快，不管你是直接拿来用，还是想学习它的实现思路，都很值得花时间看看。