10+年产品经理聊聊产品、测测产品,产品人交流学习成长平台,按 Ctrl+D 收藏我们
关于我 留言板 小程序 标签云

苏米客

  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
    • AI提示词
    • AI开源项目
    • AI智能体
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源
  • 登录
  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
    • AI提示词
    • AI开源项目
    • AI智能体
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源
当前位置: 首页 » AI学习教程

Smart Mermaid:我用这款开源AI智能画图工具,流程图、时序图、类图通通搞定

9月前 AI学习教程 7018 0

作为一个天天跟各种图表打交道的产品狗,我深知画图有多痛苦——打开Visio,拖拽组件,调整布局,反复修改,一个复杂流程图画下来半天就没了。更要命的是,需求一改,图又得重新来...

直到我遇到了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在图表绘制方面的强大能力,告别手工画图的烦恼!

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

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

声明:本站原创文章文字版权归本站所有,转载务必注明作者和出处;本站转载文章仅仅代表原作者观点,不代表本站立场,图文版权归原作者所有。如有侵权,请联系我们删除。
未经允许不得转载:Smart Mermaid:我用这款开源AI智能画图工具,流程图、时序图、类图通通搞定
#Smart Mermaid #AI智能画图 #AI流程图 
收藏 1
Cursor 1.2 版本抢先看:新增Agent To-dos、消息队列、PR搜索、Tab补全提速!
Gemini CLI 大更新:多模态初露锋芒,音视频处理、Markdown 更强,开发者更顺手!
推荐阅读
  • Cursor永久免费攻略:无限邮箱注册+重置机器码+Cursor试用期重置工具实现永久免费使用
  • 手把手教你在百度 APP + 百度云部署OpenClaw实操教程
  • 手把手教你开通:如何1美元解锁ChatGPT Team团队版(附取消订阅指南)
  • 从插件到官网:我用AI开发了一个完整的浏览器插件官网
  • 一篇带你搞定AI编程工具Claude、Codex、OpenCode、Antigravity的Skills设计与实践指南
评论 (0)
请登录后发表评论
分类精选
Cursor永久免费攻略:无限邮箱注册+重置机器码+Cursor试用期重置工具实现永久免费使用
45619 1年前
手把手教你如何使用扣子Coze搭建“文生图” AI Bot
18947 1年前
n8n新手入门指南:5 分钟本地部署 + 中文汉化 + 快速启动,玩转工作流(Docker版)
17856 9月前
安装字节Trae登录提示App Unavailable(应用程序不可用)解决办法,这份官方指南请收好!
17258 1年前
Gemini CLI 装好了,登录异常怎么办?手把手教你解决 Gemini CLI 登录问题
13956 9月前
一文搞懂什么是 Vibe Coding?Vibe Coding工具推荐及Cursor编程开发实践
13861 10月前
零基础上手 VSCode + Claude Code + GLM-4.6 保姆级安装配置教程
13764 5月前
AI 概念篇:Token是什么?一文讲清楚Token分词、窗口、计费与常用计算工具
13160 3月前
手把手教你使用 Gemini 2.5 Pro 免费 API搭建本地知识库,一键接入 Gemini!
12758 9月前
手把手教你快速入门OpenCode + GLM-4.7 + Oh-My-Opencode + Skills 安装配置与高效使用指南
11128 2月前

文章目录

关注「苏米客」公众号

订阅推送更及时,手机查看更方便
分类排行
1 手把手教你用AI大模型可视化统一管理工具Quotio管理多账号,支持 Claude、Gemini、OpenAI等
2 3分钟搭建AI办公助理:用飞书CLI+OpenClaw打造自动化工作流
3 我用这个Skill的工作流程,五步完成产品设计,快速输出原型和设计文档
4 手把手教你用飞书 CLI 工具 + AI Agent 自动化管理知识库完整指南
5 手把手教你在 Ubuntu 24 上安装新版 OpenClaw,从卸载开始到飞书接入,以及图像/搜索能力的实操全流程
6 笔记也能变现,教你用飞书的AI知识库打造自动化收入流实操教程
7 腾讯QClaw全面开放,无需邀请码,手把手教你接入微信无缝互通的本地 AI 客户端
8 手把手教你用OpenClaw 接入微信ClawBot +飞书多渠道对话的完整指南(图文教程)
9 OpenClaw 配置备份与迁移完全指南,迁移到新电脑的完整流程
10 手把手教你用微信ClawBot接入OpenClaw并拥有实时搜索能力,3步完成配置,激活免费网页检索功能
©2015-2024 苏米客XMSUMI 版权所有 · WWW.XMSUMI.COM 闽ICP备14005900号-6
微信文章助手 程序库 免费影视APP 免费字体下载 Axure RP 10 免费Axure模板 Axure元件库下载 申请友联