上周三,产品会上讨论新功能的业务流程,老板让我3天内出一份完整的架构图和流程图。
我打开Visio,盯着空白画布发呆了2小时。
手动拖拽元素、调整连线、对齐布局...这还是简单的流程图。如果要画系统架构呢?云服务图标怎么选?布局怎么摆?颜色怎么统一?
又是一个通宵的节奏。
直到同事发给我一个链接。
第一次用AI画图,我惊呆了
打开页面,输入框里只有一行字。
我试着打了几个字:
"帮我绘制一个这个项目的架构图hello-agents"3秒钟。
屏幕上出现了一张完整的架构图:

我揉了揉眼睛,这真的不是P的?
我又试了流程图:
"画一个用户注册流程,从打开注册页面到完成注册,包含验证码校验、密码强度检测、邮箱验证步骤"5秒钟,流程图出来了。步骤清晰,连线规范,连异常处理路径都自动画出来了。

我试了这10种图,全中
产品经理日常要画的图,它基本都能搞定:
✅ 系统架构图:微服务、分布式、云原生,AWS/Azure/GCP图标全覆盖
✅ 业务流程图:用户注册、订单处理、审批流程,步骤清晰
✅ 时序图:服务调用、消息流转,时序准确
✅ 状态机图:订单状态流转,自动跳转
✅ 用例图:角色关系,用例分类
✅ 网络拓扑图:服务器、交换机、防火墙,设备齐全
✅ 机柜图:机房布局,设备摆放
✅ 网站地图:页面结构,导航逻辑
✅ BPMN流程图:标准业务流程,专业符号
✅ K8s架构图:容器编排,Pod/Service/Ingress
50+图表类型,不用再到处找图标了。
为什么说它是产品经理的救星?
1. 不用学设计
以前画图,你需要:
懂图标规范
会布局排版
知道配色搭配
手动调整对齐
现在你只需要:
会打字
会描述需求
2. 不用花时间
手动画一张架构图,至少2-3小时。用AI,3分钟。
同事用Visio画了2小时,我用这个工具30秒搞定,老板问我:"你什么时候偷偷学设计去了?"
3. 不用担心安全
市面上很多在线画图工具,数据传到第三方,公司敏感信息怎么办?
这个工具是开源的,可以本地部署,数据在自己服务器上,企业级安全。
4. 历史记录全保留
昨天画的图,今天想改?历史记录全在,随时找回旧版本。
我是怎么用的?
简单说,我的工作流程变成这样:
以前:
想好画什么
打开画图软件
找图标(10分钟)
拖布局(30分钟)
调连线(20分钟)
对齐细节(30分钟)
配色美化(20分钟)
导出交付
现在:
想好画什么
输入需求描述(30秒)
AI生成(3秒)
微调(2分钟)
导出交付
效率提升10倍,不是吹的。
技术背景:为什么这么厉害?
如果你关心技术原理,简单说一下:
基于Vercel AI SDK,支持流式响应,生成过程实时可见
支持多种AI模型(GPT-4、Claude、通义千问、智谱AI等),可以自己选
使用Draw.io的XML格式,生成的图可以直接在专业软件里编辑
历史记录存储在IndexedDB,浏览器重启也不会丢
支持Docker一键部署,5分钟就能上线
但作为使用者,你只需要知道:它好用。
适合谁用?
产品经理:快速出原型图、流程图
技术团队:统一图表规范,减少沟通成本
销售售前:快速生成方案图,给客户演示
学生/讲师:制作教学图表,省时省力
文档编写者:技术文档配图,一气呵成
只要你要画图,就能用得上。
怎么开始?
这个工具叫 next-ai-draw-io,完全开源,免费使用。

本地部署(推荐):
git clone https://github.com/DayuanJiang/next-ai-draw-iocd next-ai-draw-iodocker-compose up -d5分钟搞定,数据在自己手里。
详细教程:
项目有完整的中文文档,包含AI配置、部署方案、使用技巧
GitHub: https://github.com/DayuanJiang/next-ai-draw-io
在线体验:https://next-ai-drawio.jiang.jp/
这个项目最大的价值,不是替代画图工具,而是解放了我们的时间。
我们可以把精力花在更重要的事情上:思考产品逻辑、设计用户体验、与团队沟通协作。
而不是花在拖图标、调连线这种机械劳动上。
工具的价值,就是让我们成为更好的产品经理。
觉得好用,记得给个Star,让更多人看到。
转发给你的同事,帮他省下一个通宵。👇
评论区