10+年产品经理专注分享AI 工具、AI 资讯、AI Coding、Vibe Coding与下一代产品创新,按 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智能画图工具,流程图、时序图、类图通通搞定

1年前 AI学习教程 7849 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 更强,开发者更顺手!
推荐阅读
  • Claude Desktop 配置 DeepSeek-V4 完整教程:5 分钟开启第三方模型支持
  • Claude Code 接入免费 Kimi K3,Modal 平台每月 30 美元额度教程
  • 讯飞星辰 MaaS 限时免费:Qwen3.6-35B 无限 Token 白嫖攻略,可接入 Claude Code
  • 手把手教你用GitHub Codespaces零成本部署OpenClaw,打造专属AI助手
  • 腾讯 ima+WorkBuddy 进阶教程:5 个高效自动化工作流实战
评论 (0)
请登录后发表评论
分类精选
Cursor永久免费攻略:无限邮箱注册+重置机器码+Cursor试用期重置工具实现永久免费使用
51090 1年前
手把手教你如何使用扣子Coze搭建“文生图” AI Bot
22143 2年前
n8n新手入门指南:5 分钟本地部署 + 中文汉化 + 快速启动,玩转工作流(Docker版)
20448 1年前
安装字节Trae登录提示App Unavailable(应用程序不可用)解决办法,这份官方指南请收好!
19675 1年前
零基础上手 VSCode + Claude Code + GLM-4.6 保姆级安装配置教程
18371 10月前
手把手教你用国内VISA信用卡直接订阅ChatGPT、Claude、Google Gemini等海外AI服务
18250 7月前
Gemini CLI 装好了,登录异常怎么办?手把手教你解决 Gemini CLI 登录问题
17657 1年前
AI 概念篇:Token是什么?一文讲清楚Token分词、窗口、计费与常用计算工具
17251 8月前
一文搞懂什么是 Vibe Coding?Vibe Coding工具推荐及Cursor编程开发实践
16213 1年前
手把手教你使用 Gemini 2.5 Pro 免费 API搭建本地知识库,一键接入 Gemini!
15746 1年前

文章目录

关注「苏米客」公众号

订阅推送更及时,手机查看更方便
分类排行
1 Seedance 2.5 + 世界模型:告别反复抽卡的 AI 视频制作新方法
2 WorkBuddy + SRT 白板动画 Skill:零门槛制作手绘风格解说视频
3 Chrome 本地 4GB AI 模型一键关闭教程:官方下载条件更新详解
4 Claude Code 和 Codex 作为 DeepSeek Harness 子 Agent 实战:几分钟上手部署教程
5 DeepSeek Harness 零基础插件开发指南:调用型与按钮型插件实战教程
6 DeepSeek Harness 插件开发教程:从零到上线的完整流程(附 AI 提示词模板)
7 DeepSeek Harness 安装教程:从环境配置到成功启动
8 AI视频创作指南:8大角度30种导演级构图技巧
9 DeepSeek Harness 插件开发教程:从零到上线完整流程,附提示词模板
10 Claude Code 和 Codex 能当 DeepSeek Harness 的子 Agent?几分钟上手教程
©2015-2024 苏米客XMSUMI 版权所有 · WWW.XMSUMI.COM 闽ICP备14005900号-6
微信文章助手 程序库 免费影视APP 免费字体下载 产品经理导航 爱克硕儿 产品经理AI资讯 Axure元件库下载 申请友联