手动画图低效?试试这款AI智能作图工具,流程图时序图类图通通搞定

大家好,我是子昕,一个干了10年的后端开发,现在在AI编程这条路上边冲边摸索,每天都被新技术追着跑。

做开发这么多年,相信大家都有一个共同的痛点:画图

产品经理找你要业务流程图,架构师让你画系统时序图,项目经理要你整个部署流程图...

每次都要打开 Visio 或者 Draw.io,从头开始拖拖拽拽,调整布局,来回修改。一个复杂的流程图画下来,半天就没了。

最要命的是,需求一改,图又得重新画...

前几天我发现了一个神器 —— Smart Mermaid,简单来说就是你用文字描述业务流程,AI 帮你自动生成专业的流程图。

先看效果,我随便测试了几个场景:

电商订单流程图

picture.image

用户登录时序图

picture.image

在线教育类图

Excalidraw 图表

picture.image

Mermaid 图表

picture.image

看到这些图,你肯定觉得很复杂对吧?但实际上,这些都是我用大白话描述出来的,AI 自动生成的。

什么是 Smart Mermaid?

简单来说,Smart Mermaid 就是一个"文字转图表"的 AI 工具。你用自然语言描述业务流程,它帮你生成标准的 Mermaid 图表。

支持的图表类型很全:流程图、时序图、类图、甘特图等,基本上开发中常用的图表都覆盖了。

怎么用?

官方说支持 Docker 一键部署,但是有个坑:直接按官方命令执行会报错,因为 main 分支没有 Docker 配置文件。

picture.image

正确的部署方式:

  
# 克隆代码  
git clone https://github.com/liujuntao123/smart-mermaid.git  
cd smart-mermaid  
  
# 关键:切换到docker分支  
git checkout docker  
  
# 启动  
docker-compose up -d  

picture.image

看到docker容器启动后访问 http://localhost:3000 就可以用了。

picture.image

配置 API Key

首次使用需要配置 AI 模型的 API Key

picture.image

关于 API Key 的获取,这里推荐一个我一直在用的平台 —— ProAI520(https://proai520.co)。

关于 API Key 的获取,很多朋友都遇到过同样的问题:国内信用卡无法直接购买海外 AI 服务。

市面上虽然有野卡这样的虚拟信用卡服务,但会员费和每笔交易的手续费都比较贵。

这里推荐一个我一直在用的平台 —— ProAI520(https://proai520.co)。相比其他代理方式,优势非常明显:

成本优势:

  • 零手续费:充值多少就是多少,不像野卡收取会员费和交易手续费
  • 汇率透明:完全按照实时汇率计算,无隐形加价
  • 比代充更安全:正规平台,不用担心闲鱼代充的风险

服务优势:

  • 稳定可靠:我用了快两个月,从未出现过问题
  • 模型齐全:支持市面上主流的 AI 模型厂商

直接在平台充值 API Key 即可

picture.image

picture.image

支持的模型非常全面:

picture.image

价格方面完全透明,比如充值 10 美元的费用就是按当前汇率计算,比野卡和闲鱼代充能省不少钱:

picture.image

我选择了 GPT-4o 模型进行测试,配置方式如下:

picture.image

API Url

picture.image

模型

picture.image

配置API Key

实战测试

我测试了三个复杂场景,看看 AI 的理解能力。

场景1:电商订单流程

我直接用大白话描述了一个完整的电商订单流程:

  
用户提交订单 -> 验证用户信息 -> 检查商品库存 ->   
如果库存不足:通知用户缺货,结束流程  
如果库存充足:锁定库存 -> 计算订单金额 -> 调用支付接口 ->  
如果支付失败:释放库存,通知用户支付失败,结束流程  
如果支付成功:更新订单状态为已支付 -> 生成发货单 -> 分配仓库 ->  
如果是普通商品:标准发货流程  
如果是特殊商品:需要额外审核 -> 审核通过后发货  
发货后:更新物流信息 -> 用户确认收货 ->   
如果用户申请退款:进入售后流程 -> 审核退款 -> 处理退款  
如果无问题:订单完成  

picture.image

AI 完美理解了这个复杂的业务流程,生成的流程图结构清晰,逻辑分明。

picture.image

场景2:用户登录时序图

描述了一个包含多个服务的登录认证流程:

  
参与者:用户(User)、前端应用(Frontend)、API网关(Gateway)、认证服务(AuthService)、用户服务(UserService)、Redis缓存(Redis)、数据库(Database)  
  
交互流程:  
1. 用户向前端应用提交登录信息  
2. 前端应用向API网关发送登录请求  
3. API网关转发请求到认证服务  
4. 认证服务向用户服务请求验证用户凭据  
5. 用户服务查询数据库验证用户信息  
6. 数据库返回用户信息给用户服务  
7. 用户服务返回验证结果给认证服务  
8. 如果验证成功:认证服务生成JWT令牌  
9. 认证服务将令牌存储到Redis缓存  
10. 认证服务返回令牌给API网关  
11. API网关返回令牌给前端应用  
12. 前端应用存储令牌并返回登录成功给用户  
13. 用户后续请求携带令牌  
14. API网关验证令牌有效性  
15. 如果令牌即将过期:自动刷新令牌  
16. 返回请求结果给用户  

picture.image

AI 准确识别了所有参与者和交互关系,生成的时序图非常专业。

picture.image

场景3:在线教育类图

描述了一个复杂的面向对象设计:

  
核心类及关系:  
  
1. 用户类层次:  
   - 抽象基类User(用户ID、姓名、邮箱、注册时间)  
   - Student继承User(学习进度、已购课程列表)  
   - Teacher继承User(教学经验、认证状态)  
   - Admin继承User(权限级别、管理范围)  
  
2. 课程相关类:  
   - Course类(课程ID、标题、描述、价格、创建时间)  
   - Chapter类(章节ID、标题、视频时长、课程ID)  
   - Video类(视频ID、标题、时长、视频URL)  
   - CourseCategory类(分类ID、分类名称、父分类ID)  
  
3. 订单相关类:  
   - Order类(订单ID、用户ID、总金额、订单状态、创建时间)  
   - OrderItem类(订单项ID、课程ID、价格、数量)  
   - Payment类(支付ID、订单ID、支付方式、支付状态)  
  
4. 学习相关类:  
   - StudyProgress类(进度ID、学生ID、课程ID、完成百分比)  
   - StudyRecord类(记录ID、学生ID、视频ID、观看时长)  
   - Assignment类(作业ID、课程ID、标题、截止时间)  
   - Submission类(提交ID、作业ID、学生ID、提交内容、成绩)  
  
关系说明:  
- User与Course是多对多关系(通过Order关联)  
- Course与Chapter是一对多关系  
- Chapter与Video是一对多关系  
- Student与StudyProgress是一对多关系  
- Order与OrderItem是一对多关系  
- Course与CourseCategory是多对一关系  
- Teacher与Course是一对多关系(创建关系)  

picture.image

AI 完美理解了继承关系、聚合关系、组合关系,生成的类图完全符合 UML 标准。

picture.image

使用感受

优点

  • 智能化程度高:即使不指定图表类型,AI 也能自动选择合适的图表
  • 理解复杂逻辑:能处理复杂的业务流程和条件分支
  • 实时预览:边输入边生成,过程可视化
  • 多种渲染模式:手绘风格和标准图表两种选择
  • 导出方便:复制Mermaid代码、图片导出

应用场景

  • 技术文档:系统架构图、API 时序图、数据库 ER 图
  • 业务流程:用户体验流程、业务决策流程、跨部门协作流程
  • 项目管理:开发流程图、测试流程图、部署流程图

关于 API 代理

最后再推荐一下 ProAI520(https://proai520.co),如果你经常用各种 AI 工具但苦于 API 购买问题,这个平台确实不错。零手续费,汇率透明,服务稳定。

有需要的朋友可以扫描下方二维码加入 ProAI 交流群了解更多:

picture.image

写在最后

作为一个做了10年开发的老程序员,我见过太多画图的痛苦。Smart Mermaid 的出现,真正解决了这个痛点。

它不仅大幅提升了效率,更重要的是降低了门槛。不管你是开发、产品、还是项目经理,都能通过自然语言快速生成专业图表。

这种垂直场景的 AI 应用,比通用 AI 助手更加实用。专注做好一件事,用户体验自然就好。

项目地址:https://github.com/liujuntao123/smart-mermaid

在线体验:https://smart-mermaid.aizhi.site


觉得有用就点个关注呗,我会继续用我这半吊子水平为大家带来更多AI编程工具的第一手体验~

「点赞、转发、在看」
和大家一起看

0
0
0
0
评论
未登录
暂无评论