MermaidGo是什么
MermaidGo是MIN2K推出的免费中文Mermaid在线编辑器。
它把Mermaid代码编辑、实时预览与AI生成、修改、修复图表集中在一个网页中。
主要功能
- 输入自然语言描述,让AI生成Mermaid图表代码。
- 直接编辑Mermaid文本并实时查看渲染结果。
- 通过AI修改已有图表的结构、节点和表达。
- 在语法错误时辅助定位并修复代码。
- 参考中文文档学习不同图表类型和配置。
- 通过模板库浏览常见流程和图表结构。
支持的图表类型
| 图表类型 | 主要用途 | 典型场景 |
|---|---|---|
| 流程图 | 表达步骤、判断和分支 | 业务流程与算法 |
| 时序图 | 展示角色之间的消息顺序 | 接口与系统交互 |
| 类图 | 描述类、属性和关系 | 面向对象设计 |
| 状态图 | 展示状态和触发转换 | 产品与程序状态 |
| 实体关系图 | 表示实体及数据关系 | 数据库建模 |
| 甘特图 | 规划任务、日期和依赖 | 项目管理 |
| 用户旅程图 | 呈现阶段、任务和体验 | 产品研究 |
| 思维导图 | 梳理主题与层级 | 知识整理 |
| 架构图 | 说明组件和系统结构 | 技术文档 |
| 饼图与XY图 | 展示比例和数值变化 | 轻量数据可视化 |
AI生成图表工作流程
- 先选择流程图、时序图、甘特图或其他目标类型。
- 用短句列出参与者、节点、关系、顺序和分支条件。
- 说明图表方向、层级、标题和需要突出显示的部分。
- 让AI生成第一版Mermaid代码。
- 在实时预览中检查节点、连线和文字是否正确。
- 通过AI或手动方式修改错误结构和标签。
- 对复杂图表拆分子图,减少交叉连线。
- 复制代码或导出结果,再放入文档和演示材料。
提示词怎么写
提示词越接近结构化需求,生成的Mermaid代码越容易维护。
- 先写图表类型,例如从左到右的业务流程图。
- 逐项列出开始、处理、判断、异常和结束节点。
- 明确每条分支条件以及汇合位置。
- 时序图要列出参与者和消息先后顺序。
- 甘特图要提供任务、开始日期、持续时间和依赖。
- 不要把背景介绍和图表节点混在同一长段描述中。
Mermaid代码编辑
Mermaid使用接近Markdown的文本定义图表,修改文字即可重新渲染。
- 流程图可选择从上到下或从左到右的方向。
- 节点形状用于区分步骤、判断、数据和开始结束。
- 子图适合把复杂系统分成多个模块。
- 主题配置可以调整颜色、边框、字体和连接线。
- 较新版本支持图标、图片、架构图和Kanban等类型。
- 实验性语法在不同版本中可能发生变化。
常见语法问题
| 问题 | 可能原因 | 处理建议 |
|---|---|---|
| 图表不显示 | 类型声明或缩进错误 | 从首行开始逐段检查 |
| 节点文字报错 | 含特殊符号或保留词 | 为标签添加引号 |
| 连线混乱 | 节点过多或方向不合适 | 拆分子图并调整方向 |
| 甘特图日期错误 | 日期格式和任务依赖不一致 | 统一格式并检查任务ID |
| 版本渲染不同 | 使用了新语法或实验功能 | 确认当前Mermaid版本 |
| 点击事件无效 | 安全级别限制交互 | 检查部署安全配置 |
适合哪些用户
- 开发者:绘制系统流程、接口时序和软件架构。
- 产品经理:整理业务流程、状态和用户旅程。
- 项目经理:用甘特图展示任务计划和依赖。
- 教师与学生:制作知识结构和课堂图示。
- 研究人员:梳理论文框架、方法和变量关系。
- 技术写作者:让图表与Markdown文档同步维护。
价格
截至2026年8月30日,官方产品介绍将MermaidGo标为免费中文在线编辑器。
- 当前公开页面未展示会员套餐或固定付费价格。
- AI调用次数、模型和未来额度规则暂未公开。
- 如果页面出现新的登录、积分或付款提示,应以当期界面为准。
- 商业团队使用前可向运营方确认服务稳定性和数据条款。
MermaidGo与Mermaid.js的区别
| 项目 | MermaidGo | Mermaid.js |
|---|---|---|
| 形态 | 中文在线编辑器 | JavaScript图表库 |
| AI能力 | 生成、修改和修复代码 | 核心职责是解析与渲染 |
| 安装 | 浏览器直接使用 | 可通过npm或CDN集成 |
| API | 暂未公开独立开发接口 | 提供JavaScript编程接口 |
| 开源 | 未确认整站源代码开放 | 官方开源项目 |
使用了开源Mermaid.js作为底层,不代表MermaidGo网站和AI服务整体开源。
本地部署与开发者接入
需要在自有网站或文档系统中渲染图表时,可以直接集成Mermaid.js。
- 官方文档给出的npm方式要求Node.js 16或更高版本。
- 也可以通过CDN加载ES模块并初始化配置。
- 部署方需要自行处理安全级别、主题和版本升级。
- MermaidGo本身暂未公开对外API或官方SDK。
- AI生成能力不能自动通过Mermaid.js在本地复现。
使用限制与注意事项
- AI可能生成语法正确但业务逻辑错误的图表。
- 复杂流程一次生成容易遗漏异常分支和回路。
- Mermaid版本差异可能导致新语法无法渲染。
- 线上工具不适合输入未脱敏的系统架构和商业流程。
- 图表用于正式文档前应由业务负责人核对。
- 公开模板只能作为结构参考,不能替代实际需求分析。
常见问题
MermaidGo可以做什么?
它可通过代码或AI生成、修改和修复流程图、时序图、甘特图等图表。
MermaidGo免费吗?
官方介绍目前将其标为免费编辑器,公开页面未展示付费套餐。
使用MermaidGo需要安装软件吗?
不需要,用户可在电脑或移动设备浏览器中直接打开使用。
它支持哪些图表?
支持流程图、时序图、类图、状态图、甘特图、思维导图和架构图等。
MermaidGo提供API吗?
暂未公开独立API;文档中的Mermaid API属于底层Mermaid.js。
MermaidGo是开源工具吗?
未确认在线服务开源,但其使用的Mermaid.js是开源图表库。
AI生成的图表需要检查吗?
需要,应核对节点、分支、依赖、时间和业务逻辑后再正式使用。
©️版权声明:若无特殊声明,本站所有文章版权均归AI工具分享原创和所有,未经许可,任何个人、媒体、网站、团体不得转载、抄袭或以其他方式复制发表本站内容,或在非我站所属的服务器上建立镜像。否则,我站将依法保留追究相关法律责任的权利。
桂公网安备45132202000164号