直到我遇到了Smart Mermaid,这个接入AI大模型就可以画图开源神器。
Smart Mermaid是什么?
Smart Mermaid简单来说就是一个"文字转图表"的AI工具。你只需要用大白话描述业务流程,它就能自动生成专业的各种图表。听起来是不是很神奇?
苏米实际体验了一下,发现这个工具支持的图表类型相当全面:流程图、时序图、类图、甘特图、架构图等等,基本上我们日常工作中用到的图表都覆盖了。

最让我惊喜的是,它真的能理解复杂的业务逻辑,不是那种简单的模板套用,而是真正的AI智能解析。
开源部署
官方说支持Docker一键部署,但苏米在实际使用中发现了一个坑:

直接按官方命令执行会报错,因为main分支没有Docker配置文件。
正确的部署方式是:
# 克隆代码
git clone https://github.com/liujuntao123/smart-mermaid.git
cd smart-mermaid
# 关键:切换到docker分支
git checkout docker
# 启动
docker-compose up -d

启动后访问 http://localhost:3000 就可以用了。

首次使用需要配置AI模型的API Key。如果没有官方API,可以试试苏米之前整理的那些LLM API聚合平台,都挺好用的。

三个场景测试
苏米专门挑了三个比较复杂的场景来测试这个工具的能力,结果真的让我刮目相看。
场景一:电商订单流程图
我用最日常的大白话描述了一个完整的电商订单流程:
从用户提交订单开始,到验证用户信息,检查商品库存,如果库存不足就通知用户缺货;如果库存充足就锁定库存,计算订单金额,调用支付接口。支付失败就释放库存通知用户,支付成功就更新订单状态,生成发货单,分配仓库。普通商品走标准发货流程,特殊商品需要额外审核...

整个流程描述下来,包含了各种分支判断和异常处理。结果AI完美理解了这个复杂的业务流程,生成的流程图结构清晰,逻辑分明,完全不输我手工画的。
场景二:用户登录时序图
接下来我测试了一个包含多个服务的登录认证流程,涉及用户、前端应用、API网关、认证服务、用户服务、Redis缓存、数据库等多个参与者。
从用户提交登录信息开始,到前端应用发送请求,API网关转发,认证服务验证,用户服务查询数据库,生成JWT令牌,存储到Redis,返回给前端...整个流程有16个步骤,相当复杂。

AI不仅准确识别了所有参与者和交互关系,生成的时序图也非常专业,完全符合技术文档的标准。
场景三:在线教育类图
最后我测试了一个复杂的面向对象设计,描述了一个在线教育平台的核心类及其关系。
包含用户类层次(抽象基类User,Student、Teacher、Admin子类),课程相关类(Course、Chapter、Video、CourseCategory),订单相关类(Order、OrderItem、Payment),学习相关类(StudyProgress、StudyRecord、Assignment、Submission)等。
还有各种继承关系、聚合关系、组合关系,以及多对多、一对多的关联关系。

结果AI完美理解了所有这些复杂的面向对象关系,生成的类图完全符合UML标准,比我手工画的还要规范。
适用场景
从苏米的使用经验来看,这个工具的应用场景相当广泛:
技术文档:系统架构图、API时序图、数据库ER图,以前需要专业工具画的技术图表,现在用嘴说就行。
业务流程:用户体验流程、业务决策流程、跨部门协作流程,产品经理的日常工作图表。
项目管理:开发流程图、测试流程图、部署流程图,项目管理中的各种流程梳理。
总结
说实话,Smart Mermaid这个工具真的颠覆了我对画图的认知。以前画一个复杂的流程图需要半天时间,现在只需要几分钟就能搞定,而且质量还更高。
对于我们这些天天需要画图的产品人来说,这简直是解放生产力的神器。不用再为了调整一个箭头的位置而纠结半天,也不用因为需求变更而重新画图。
今天苏米就手把手教大家如何使用Smart Mermaid搭建一个AI画图工具,相信通过这个工具,大家能够快速了解和认识AI在图表绘制方面的强大能力,告别手工画图的烦恼!