大家好，我是热爱开源的了不起。
你是否也曾为了画一张清晰的业务流程图或复杂的系统架构图，在电脑前枯燥地拖拽图块、调整连线，折腾了大半天结果还是对齐得歪歪扭扭？尤其是在项目汇报前夕，面对需求变更，手动修改那些密密麻麻的箭头简直是一场噩梦。其实，图表应该服务于我们的思维，而不应该成为生产力的枷锁。今天我要带你认识一个能彻底解放双手的开源项目——Next AI Draw.io，它将 AI 的智慧植入了经典的绘图工具中，让你以后绘图只需要“动动嘴”。
项目简介
Next AI Draw.io 是一个深度集成 AI 能力的 Next.js 网页应用，它将强大的大模型与我们熟悉的 draw.io 绘图引擎无缝结合。简单来说，它不仅是一个画板，更是一个能听懂你逻辑的“助理”。你只需要通过自然语言输入指令，AI 就能帮你快速构建、修改并增强各种专业图表。
这个项目不仅仅支持生成基础的流程图，它对云架构图（如 AWS、GCP、Azure）有着专门的优化支持。更厉害的是，它还具备“理解”能力，你可以直接上传一份 PDF 文档或纯文本文件，AI 会自动提取其中的核心逻辑并转化为可视化图表。整个过程中，你甚至能看到 AI 的推理思考过程，这感觉就像是在和一位经验丰富的架构师并肩作战。
项目安装与使用
如果你想在本地或是服务器上部署这套神器，过程非常简单。对于追求效率的开发者，我强烈建议使用 Docker 这种一键式方案，避免了繁琐的环境配置。
如果你已经安装了 Docker，只需在终端输入这一行命令即可启动：
1 | docker run -d -p 3000:3000 dayuanjiang/next-ai-draw-io:latest |
稍等片刻，在浏览器访问 http://localhost:3000 就能看到绘图界面了。如果你更倾向于手动编译，也可以克隆项目仓库，安装好 Node.js 环境后，通过执行 npm install 来安装依赖，随后使用 npm run dev 启动开发服务器。
进入系统后，你会发现侧边有一个亲切的对话框。使用前记得点击设置图标，填入你自己的 API Key（比如 OpenAI、Claude 或 Gemini 的 Key），放心，这些 Key 仅保存在你浏览器的本地存储中。
接下来就是见证奇迹的时刻。你可以在对话框输入：“帮我画一个基于阿里云的电商秒杀系统架构图，包含 Redis 缓存和消息队列”，AI 会迅速理解你的意图并直接在右侧画布上生成对应的图表。如果你觉得某个连接不合适，直接追问“把缓存环节改为集群模式”，图表会根据你的新要求自动更新，完全不需要你手动去寻找图标和连线。
总结
Next AI Draw.io 的出现，真正实现了“所思即所得”的绘图体验。它不仅融合了开源社区最成熟的绘图引擎，还通过 AI 赋予了工具灵魂。最关键的是，它是完全开源免费的，你再也不用担心某些在线绘图软件的收费限制或是导出水印问题，所有的数据和控制权都在你手中。
这么高效又贴心的开源项目，你确定不赶紧部署一套试试吗？快去 GitHub 给作者点个 Star 吧，相信我，一旦用上了 AI 辅助绘图，你就再也不想回到那个手动拖拽的时代了。赶紧行动起来，让你的工作效率原地起飞！
1 | 项目地址：https://github.com/DayuanJiang/next-ai-draw-io |
