文本驱动绘图
用 Mermaid 语法写文本即可生成图表，图表像代码一样可读、可维护，团队评审时改的是文本而不是图层。
Mermaid Whiteboard
AI TOOL PROFILE工具资料用文本和 AI 生成流程图、架构图的技术可视化工作台
价格Basic 免费；Plus $10 per user / month
平台Web
归类其他 AI 工具
收录2025-01-01
复核2025-01-01
编辑评分
4.3 / 5
★★★★☆
Mermaid Whiteboard编辑总结
Mermaid Whiteboard 出自 Mermaid.js 团队，把文本绘图、AI Chat 与可视化编辑放进同一个工作区。目前已服务超过 1 million 开发者和架构师，覆盖开发者、数据工程师、产品经理等十余类角色。基础版免费，可建 3 张图、含有限 AI 额度；Plus 版 $10 per user / month（年付）解锁无限图表与 300 AI credits per year。短板是免费版额度很紧，图表数量和 AI 次数都受限，重度使用基本必须付费。
Mermaid Whiteboard是什么？
Mermaid Whiteboard 是 Mermaid.js 团队推出的技术可视化工作台，面向开发者、数据工程师、分析师、教育工作者、项目经理等需要频繁画图的人群，把图表当作代码一样来管理与协作。
产品主打三条能力线：一是文本驱动绘图，用 Mermaid 语法写文本即可生成图表；二是 AI 与可视化编辑，内置 AI Chat 支持从自然语言创建、修改、修复图表，并提供可视化编辑器；三是协作与插件，通过编辑器链接或 SVG 链接分享，权限可设为编辑模式，并提供 ChatGPT、Visual Studio Code、JetBrains IDE、Microsoft PowerPoint、Microsoft Word、Confluence、Google Docs、Jira 等插件，让图表直接出现在写作与开发流程中。
普通用户可以从 AI Chat 输入描述直接出图，不必记语法；开发者更适合用文本加插件把图表嵌进代码仓库，配合导出 MMD 保留可版本管理的源文件；团队则依赖共享权限与 Viewer seat 让非制图成员也能查看和评审。
Mermaid Whiteboard核心功能
AI Chat 生成图表
在编辑器内直接输入自然语言描述，由 AI 完成创建、修改、修复三类操作，无需离开 Mermaid Editor。
Diagram Repair
出现语法错误时点击 Repair Diagram 按钮，AI 自动修正错误，省去逐行排查 Mermaid 语法的过程。
多格式导出
图表可导出为 PNG、SVG、PDF、MMD 四种格式，其中 MMD 保留源文件，便于放进仓库版本管理。
分享与协作
可设置图表权限为编辑模式供他人协作，分享方式有 Editor link 与 SVG link 两种，Viewer seat 在 Premium 档不限量。
可视化编辑器
在使用 Mermaid Visual Editor 时不写语法也能创建和编辑图表，可与代码模式配合使用。
Mermaid Whiteboard值不值得用？
当你要把架构、流程、数据流写成可版本管理的文档时，Mermaid Whiteboard 值得用：图表是文本，能进 Git，AI Chat 和 Repair Diagram 还能兜住语法问题，插件覆盖 VS Code、JetBrains、Confluence、Jira 等常用工具。当你只是偶尔画一张简单示意图时，免费 Basic 的 3 张图和 15 AI credits 会很快不够用，但为这点需求升到 $10 per user / month 并不划算，可以直接用其他免费画图工具。团队协作看重 Viewer seat 不限量的话，Premium 的 $20 per user / month 才是对应档位。
建议选它的情况
- 团队文档要把流程图、架构图纳入版本管理
- 已在用 VS Code、JetBrains、Confluence 或 Jira
- 希望用自然语言而不是拖拽来画图的开发者
- 需要把图表分享给非制图同事评审的团队
不建议选它的情况
- 每月只画一两张图，免费 Basic 的 3 张额度就够，不值得付费
- 需要海报级视觉设计而非技术图表的场景
- 依赖客户支持合同或 SSO 的大型组织，需走 Enterprise
Mermaid Whiteboard使用建议
入门先把路子走对
- 先从 AI Chat 入手在编辑器里输入自然语言描述，让 AI 生成第一版图，再逐句改成 Mermaid 语法，比从零读语法快得多。
- 语法报错点修复按钮图表出现语法错误时直接点 Repair Diagram，让 AI 自动修正，不用逐行排查花括号和箭头写法。
- 用 Editor link 邀请协作在分享设置里把权限设为编辑模式，发 Editor link 给同事，对方无需安装任何东西即可共同编辑。
进阶省时间也省钱
- 装 VS Code 或 JetBrains 插件在代码编辑器里直接引用和渲染图表，图表不再单独存放，随代码一起提交，避免图文不同步。
- 导出 MMD 保源文件导出时选 MMD 而不是 PNG，源文件可提交进 Git，后续改图只改文本，不用重新画。
- 额度用在批量出图上AI credits 按年计，Plus 为 300、Premium 为 2,000，集中用于生成初稿和批量修图，比逐张微调更省。
- 用 SVG link 做只读分享对外文档用 SVG link 分享，对方只能查看不会误改，需要协作的再用 Editor link。
Mermaid Whiteboard适合谁用？
开发与架构团队
推荐用文本写架构图和流程图，随代码进 Git，配合 VS Code、JetBrains 插件在编辑器内直接渲染。
技术文档工程师
推荐在 Confluence、Google Docs、Word 里嵌图表，文档更新时只改 Mermaid 文本，不用重新贴图。
产品与项目经理
推荐用 AI Chat 把需求描述直接出图，再靠共享链接收集团队反馈，降低与技术方的沟通成本。
低频画图个人用户
有条件免费 Basic 只有 3 张图、15 AI credits，偶尔画一张够用，但每月多画几张就会触到上限，需评估是否付费。
追求视觉设计的市场岗
不推荐产品定位是技术可视化，产出偏流程图与架构图，不适合做海报级视觉设计。
Mermaid Whiteboard优点和缺点
优点
- 图表以文本形式保存，可直接进 Git 做版本管理
- AI Chat 支持创建、修改、修复三类操作，语法报错可一键修复
- 导出覆盖 PNG、SVG、PDF、MMD 四种格式
- 插件覆盖 ChatGPT、VS Code、JetBrains、Word、Confluence、Jira 等
- Basic 免费可上手，Plus $10 per user / month 解锁无限图表
- Premium 档 Viewer seat 不限量，方便团队外发评审
缺点
- 免费 Basic 仅 3 张图、15 AI credits，重度使用很快触顶
- Plus 与 Premium 均按年付，官网未说明是否支持月付等价方案
- 官网未公开 AI credits 用尽后的具体计费方式
- 非技术角色仍需适应 Mermaid 语法的基本写法
Mermaid Whiteboard版本与计费对比
| 方案 | 价格 | 包含内容 | 说明 |
|---|---|---|---|
| Basic | Free | 3 Diagrams；Limited diagram size；Limited AI；1 team & project creation | 适合入门和画简单流程 |
| Plus | $10 per user / month | Unlimited diagrams；Limitless diagram size；300 AI credits per year | Billed Annually，适合经常画图的个人 |
| Premium | $20 per user / month | 2,000 AI credits per year；Unlimited free viewer seats；Unlimited teams & project creation | Billed Annually，适合进阶用户和团队 |
| Enterprise | Custom | SSO；Custom contract & invoicing；IP management；Dedicated Customer Success Manager (CSM) | Billed Annually，适合需要规模化与管控的组织 |
以上为公开费率整理，厂商保留调价权利，实际以官方页面为准。
Mermaid Whiteboard关键指标
Mermaid Whiteboard常见问题
Mermaid 可以免费用吗？＋
可以。Basic 档免费，包含 3 张图、受限的图表尺寸、有限 AI 额度和 1 个团队与项目创建，适合入门和画简单流程。若要无限图表和更大图表尺寸，需升级到 Plus 每月 $10（按年付），AI 额度也从 15 提升到 300 AI credits per year。
Plus 和 Premium 差在哪里？＋
Plus 为 $10 per user / month，含无限图表、无限图表尺寸、300 AI credits per year；Premium 为 $20 per user / month，在 Plus 基础上把 AI credits 提到 2,000 AI credits per year，并增加不限量的 Viewer seat、无限的团队与项目创建等功能。重度依赖 AI 出图的团队更适合 Premium。
用 Mermaid 需要会写代码吗？＋
不一定。除了用 Mermaid 语法写代码，产品还提供 AI Chat，输入自然语言描述即可生成图表，也能修改、修复已有图表；可视化编辑器则用拖拽方式创建和编辑图表，不写语法也能用。熟悉语法的用户在版本管理和批量改图上效率更高。
AI 功能会不会额外收费？＋
官网 FAQ 中列出了「Does AI usage cost extra?」这一问题，说明 AI 使用与套餐额度相关。各档位的 AI 额度分别为：Basic 15、Plus 300、Premium 2,000、Enterprise 不限量（标有星号）。超出额度后的计费细节官网未公开，需向官方确认。
做出来的图能导出成哪些格式？＋
可导出为 PNG、SVG、PDF、MMD 四种格式。其中 MMD 保留图表源文件，适合提交进代码仓库做版本管理；PNG 和 SVG 适合直接放进文档或网页，PDF 适合打印和归档。分享时也可以直接发 Editor link 或 SVG link。
Mermaid 能和我现有的工具配合吗？＋
可以。包括 ChatGPT、Visual Studio Code、JetBrains IDE、Microsoft PowerPoint、Microsoft Word、Confluence、Google Docs、Jira 等插件，可以在代码编辑器里引用和渲染图表，也可在文档与项目管理工具里直接嵌入，免去图表单独存储的麻烦。
团队协作能做到什么程度？＋
图表可设置权限为编辑模式，让其他人协作修改，分享方式有 Editor link 和 SVG link 两种。Viewer seat 在 Premium 档起不限量，非制图的同事也能查看和评审；团队与项目创建在 Basic 档限 1 个，Premium 及以上不限量。
