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

苏米客

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

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

6月前 AI学习教程 6207 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补全提速!
从通用到专精:三款开源数据标注工具Label Studio、LabelLLM、doccano 全面对比与选型指南
推荐阅读
  • 3分钟搞定AI画原型图,墨刀AI原型生成教程,产品经理必备效率神器!
  • 手把手教你用 Obsidian 搭建真正的个人知识库,Obsidian是什么?为什么选择 Obsidian
  • 手把手教你如何用海螺Ai克隆自己的声音,支持情绪化的声音克隆
  • 零基础上手!手把手教你用本地 AI 批量生图工具 Agent-Jaaz,打造你的智能设计师
  • DeepSite:一键搭建 AI 网页,堪比Cursor的在线版“氛围编程”神器!
评论 (0)
请登录后发表评论
分类精选
Cursor永久免费攻略:无限邮箱注册+重置机器码+Cursor试用期重置工具实现永久免费使用
42049 1年前
手把手教你如何使用扣子Coze搭建“文生图” AI Bot
17702 1年前
n8n新手入门指南:5 分钟本地部署 + 中文汉化 + 快速启动,玩转工作流(Docker版)
16098 6月前
安装字节Trae登录提示App Unavailable(应用程序不可用)解决办法,这份官方指南请收好!
15973 10月前
一文搞懂什么是 Vibe Coding?Vibe Coding工具推荐及Cursor编程开发实践
11557 8月前
Gemini CLI 装好了,登录异常怎么办?手把手教你解决 Gemini CLI 登录问题
11075 6月前
手把手教你使用 Gemini 2.5 Pro 免费 API搭建本地知识库,一键接入 Gemini!
10532 6月前
零基础上手 VSCode + Claude Code + GLM-4.6 保姆级安装配置教程
8118 2月前
手把手教你用AI克隆声音:AnyVoice,只需 3 秒在线免费克隆声音,超真实的语音生成
7342 10月前
手把手教你如何用海螺Ai克隆自己的声音,支持情绪化的声音克隆
6909 1年前

文章目录

关注「苏米客」公众号

订阅推送更及时,手机查看更方便
分类排行
1 手把手教你用Claude Code + MiniMax M2.1 开发接入实战
2 手把手教你用腾讯IMA搭建个人知识库,两个案例实战结构化个人知识库
3 手把手教你用Everywhere + 智谱免费API实现真正的看得见,能操作的多模态桌面 AI 助理
4 AI 概念篇:Token是什么?一文讲清楚Token分词、窗口、计费与常用计算工具
5 手把手教你用Fish Audio实现文本转语音、声音克隆与故事对话播客
6 手把手教你将本地RAGFlow转变为远程服务,共享本地RAGFlow知识库
7 从截图到代码:用Google Antigravity 快速1:1复刻网页前端界面实操指南
8 手把手教你本地部署大模型,用Ollama+Cherry Studio实战搭建本地AI知识库
9 手把手教你在树莓派上部署n8n,一款便携式AI工作流硬件就此诞生!
10 手把手教你如何免费薅 Qwen3 系列大模型 100万Token 额度免费API
©2015-2024 苏米客XMSUMI 版权所有 · WWW.XMSUMI.COM 闽ICP备14005900号-6
微信文章助手 程序库 免费影视APP 免费字体下载 Axure RP 10 免费Axure模板 Axure元件库下载 申请友联