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学习教程 8104 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 更强,开发者更顺手!
推荐阅读
  • 用Cherry Studio 20分钟极速0门槛本地部署OpenClaw,打造专属AI助手
  • 手把手教你零基础上手 Google Antigravity Agent 编辑器操作教程
  • 手把手教你一键部署MaxClaw,并接入钉钉完整操作指南
  • WorkBuddy 进阶:别再用默认模型了!切换 GLM-5.1 后我的工作效率翻了 3 倍
  • 手把手教你用AI编程助手快速搭建一个网站,零基础
评论 (0)
请登录后发表评论
分类精选
Cursor永久免费攻略:无限邮箱注册+重置机器码+Cursor试用期重置工具实现永久免费使用
51771 1年前
手把手教你如何使用扣子Coze搭建“文生图” AI Bot
22599 2年前
手把手教你用国内VISA信用卡直接订阅ChatGPT、Claude、Google Gemini等海外AI服务
20862 8月前
n8n新手入门指南:5 分钟本地部署 + 中文汉化 + 快速启动,玩转工作流(Docker版)
20814 1年前
安装字节Trae登录提示App Unavailable(应用程序不可用)解决办法,这份官方指南请收好!
20092 1年前
AI 概念篇:Token是什么?一文讲清楚Token分词、窗口、计费与常用计算工具
19957 9月前
零基础上手 VSCode + Claude Code + GLM-4.6 保姆级安装配置教程
18891 12月前
Gemini CLI 装好了,登录异常怎么办?手把手教你解决 Gemini CLI 登录问题
18185 1年前
一文搞懂什么是 Vibe Coding?Vibe Coding工具推荐及Cursor编程开发实践
16740 1年前
手把手教你使用 Gemini 2.5 Pro 免费 API搭建本地知识库,一键接入 Gemini!
16240 1年前

文章目录

关于苏米客
分类排行
1 WorkBuddy 使用技巧 10 则:看住上下文、用对模式、别让技能吃掉窗口
2 OpenAI GPT-6 Astra 白嫖指南:通过 MCP Relay 实现外部 Agent 调用
3 Codex 入门教程:从安装到跑通第一个任务的完整指南
4 Meta Muse注册指南:2分钟搞定海外AI助手,免费领取10亿Token
5 豆包工作浏览器录制与回放Skill:录一遍操作,Agent自动执行像真人一样
6 24GB显存能部署多大模型?详解KV Cache与大模型显存需求计算
7 Jev开放公测,5美元1.2亿Token,接入Claude Code和Codex的保姆级教程
8 Ghostty 终端入门:GPU 加速的跨平台终端模拟器,开箱即用极致流畅
9 手把手教用豆包安装剪映 Skill,一句话让 AI 自动帮你剪视频、写文案、配字幕
10 Git 与 GitHub 教程:从核心概念到 AI 时代的自然语言协作
苏米客
登录 注册
显示
没有账号? · 立即注册
显示
已有账号? · 直接登录
登录代表你已同意 用户协议 和 隐私政策
©2015-2024 苏米客XMSUMI 版权所有 · WWW.XMSUMI.COM 闽ICP备14005900号-6 网站地图 百度地图
微信文章助手 程序库 免费影视APP 免费字体下载 产品经理导航 爱克硕儿 产品经理AI资讯 Axure元件库下载 申请友联