Mermaid Whiteboard
Mermaid Whiteboard是由Mermaid JS开发团队推出的在线文本制图工具，核心定位为依托文本语法实现图表可视化创作的协作平台
Mermaid Whiteboard是由Mermaid JS开发团队推出的在线文本制图工具，核心定位为依托文本语法实现图表可视化创作的协作平台。核心功能包括支持10余种常见图表类型的文本转生成能力、多人实时协作编辑功能、多格式导出及文档嵌入接口。目标用户覆盖技术研发人员、产品经理、项目管理人员、高校师生等群体，可适用于系统架构设计梳理、项目进度规划可视化、团队技术文档配图、学术论文逻辑图表制作、团队内部流程培训资料制作等多种场景，帮助用户降低制图学习成本，提升文档及沟通的信息传递效率。
- 适用对象
- 后端开发工程师(系统架构图绘制场景)
- 主要功能
- 文本制图转换、实时协作编辑
- 计费方式
- 免费增值，部分功能付费
- 平台
- 网页 / API
- 已收录
- 2026.06.14（139 天）
阅读目录
编辑评测与站内热度
编辑综合评分
满分 5 分
六维指标基于站内真实数据（热度、社区反馈、资料完整度、可达性核验等）综合评估，非用户投票。
全站热度排名
#591
分类内排名
#4 / 64
累计站内点击
—
近 7 日点击
—
排名与点击为站内真实统计口径，反映 Toolifai 用户行为，非编辑评分。
Mermaid Whiteboard是什么，怎么使用？
约 5 分钟Mermaid Whiteboard是由Mermaid JS开发团队推出的在线文本制图工具，核心定位为依托文本语法实现图表可视化创作的协作平台。核心功能包括支持10余种常见图表类型的文本转生成能力、多人实时协作编辑功能、多格式导出及文档嵌入接口。目标用户覆盖技术研发人员、产品经理、项目管理人员、高校师生等群体，可适用于系统架构设计梳理、项目进度规划可视化、团队技术文档配图、学术论文逻辑图表制作、团队内部流程培训资料制作等多种场景，帮助用户降低制图学习成本，提升文档及沟通的信息传递效率。
主要功能
- 文本制图转换：用户仅需在编辑器中输入符合Mermaid语法规则的文本代码，系统即可实时渲染生成对应图表，支持流程图、序列图、甘特图、类图、ER图、用户旅程图等10余种常用图表类型，无需手动拖拽调整图形元素，修改文本内容即可同步更新图表样式及逻辑结构，减少手动排版的时间消耗。
- 实时协作编辑：用户创建图表后可生成共享链接，设置查看或编辑权限后分享给团队成员，多方可同时在同一画布中进行文本修改、评论标注操作，所有修改内容实时同步，系统自动保存版本历史，支持回溯到任意历史编辑节点，满足团队共同梳理架构、对齐流程的协作需求。
- 多格式导出功能：完成图表制作后，用户可选择将图表导出为PNG、SVG、PDF等静态文件格式，也可导出为Mermaid原生文本代码、HTML嵌入代码，还支持直接复制图表到Word、PPT、Notion、Confluence等文档工具中，适配不同场景下的内容展示和复用需求。
- 模板资源库：平台内置覆盖常见使用场景的图表模板，包括软件开发流程图、项目管理甘特图、产品需求序列图、数据库ER图等类别，用户可直接选择对应模板，仅修改其中的文本内容即可快速生成适配自身需求的图表，降低首次使用的语法学习门槛。
- 版本历史管理：系统会自动记录图表每一次的编辑修改记录，标注修改人员及修改时间，用户可查看不同版本之间的内容差异，也可选择将图表恢复到任意历史版本，避免误操作导致的内容丢失，方便团队追踪图表的迭代过程，留存不同阶段的设计思路。
- 第三方工具集成：支持与GitHub、GitLab、Notion、Confluence、Slack等常用开发及协作工具集成，可直接在第三方工具中嵌入Mermaid图表链接，图表更新后第三方工具中的展示内容同步更新，也可从代码仓库中直接导入Mermaid文本文件生成图表，适配不同团队的现有工作流。
怎么使用
- 第一步，访问Mermaid Whiteboard官网，可选择直接使用游客模式创建图表，或注册账号登录以获得云存储、协作等进阶功能，注册支持邮箱或第三方账号授权登录两种方式。第二步，进入编辑器页面后，可选择从模板库中挑选符合需求的图表模板，也可新建空白文档，在左侧文本编辑区输入对应Mermaid语法的代码内容。第三步，编辑过程中可随时查看右侧的实时渲染效果，调整文本代码后图表会同步更新，需要协作时点击右上角分享按钮，设置权限后生成共享链接发送给团队成员。第四步，图表制作完成后，点击导出按钮，根据使用需求选择导出的格式，如需要嵌入文档可选择HTML代码，需要打印可选择PDF或高清PNG格式。第五步，保存的图表可在个人控制台中查看，需要修改时直接进入编辑页调整内容，也可查看历史版本回溯之前的编辑记录，完成后重新导出即可使用。
适合什么人群
- 后端开发工程师(系统架构图绘制场景)
- 前端开发工程师(组件流程逻辑梳理场景)
- 产品经理(产品需求流程可视化场景)
- 项目管理人员(项目进度甘特图制作场景)
- 高校计算机专业师生(课程设计逻辑图制作场景)
- 技术文档编辑人员(文档配图生成场景)
总结
这款工具由开源Mermaid JS的原生开发团队打造，区别于传统拖拽式制图工具，它的核心特色是将图表的逻辑结构和样式完全通过文本语法定义，对于有代码使用基础的用户而言，学习成本很低，只需要掌握基础的Mermaid语法规则，就可以快速生成结构规范的专业图表，不需要花费大量时间调整图形的对齐、连线等样式细节。它的协作功能也适配了团队工作的需求，多人同时编辑时不需要反复传输文件，所有修改实时同步，版本历史功能也能帮助团队留存不同阶段的设计思路，适合技术团队在日常的系统设计、流程对齐、文档编写过程中使用。同时它支持多种导出和集成方式，能够适配大部分团队现有的工作流，不需要额外切换工具就能完成图表的制作、分享、嵌入全流程，对于需要高频制作专业图表的团队来说，是一个实用性较高的选择。
价格与免费额度
平台提供免费版和多档付费套餐，免费版支持单用户最多存储10个私有图表，可使用基础的文本制图、PNG格式导出功能，不支持协作和高级集成能力，适合个人用户少量制图需求使用。付费版分为个人版和团队版，个人版每月定价5美元，支持无限制私有图表存储、所有导出格式、基础第三方集成，适合高频使用的个人用户。团队版按席位收费，每个席位每月8美元，支持多人实时协作、管理员权限管理、企业级集成接口、专属技术支持，适合企业团队批量使用。用户可先使用免费版体验基础功能，确认符合自身需求后再升级对应套餐。
优点与不足
优点
- 依托原生Mermaid语法支持，图表渲染效果与开源版本完全兼容，文本代码可跨平台复用
- 实时渲染功能可即时查看文本修改对应的图表效果，调整效率较高
- 协作权限设置灵活，支持查看、编辑、评论等多种权限分级，适配不同协作场景需求
- 第三方集成覆盖主流开发及协作工具，可无缝嵌入现有工作流程
- 版本历史自动留存，支持差异对比和一键回溯，降低误操作风险
不足
- 对于无代码使用基础的用户而言，需要先学习Mermaid语法规则，存在一定学习门槛
- 免费版单账号可存储的图表数量有限，超过限制需要升级付费套餐
- 自定义样式调整选项较少，部分复杂的个性化图表样式无法通过文本配置实现
- 国内访问时加载速度有时会出现波动，部分协作功能的同步延迟较高
能帮你做的 8 件事
- 01文本制图转换
- 02实时协作编辑
- 03多格式导出功能
- 04模板资源库
- 05文本制图场景的常用方案
- 06Mermaid工具场景的常用方案
- 07后端开发工程师(系统架构图绘制场景)的日常效率工具
- 08先用免费额度验证需求再决定付费
更新历史
- Mermaid Whiteboard 收录进 Toolifai 目录
- 页面资料核验与信息更新
常见问题
使用Mermaid Whiteboard需要掌握代码基础吗？
如果仅使用基础的图表制作功能，不需要具备专业的代码开发能力，Mermaid语法本身属于轻量化的标记语法，规则简单易懂，平台也提供了对应的语法文档和大量模板参考，普通用户通过1-2小时的学习就可以掌握常用图表的编写方法。如果之前有使用过Markdown等标记语言的经验，学习成本会更低，只需要对照语法示例修改文本内容即可生成对应图表。对于完全不想学习语法的用户，也可以直接使用平台提供的模板，替换模板中的文本内容即可快速生成图表，不需要了解底层语法规则。
在Mermaid Whiteboard制作的图表可以在其他支持Mermaid的平台使用吗？
完全可以，该工具使用的是原生Mermaid JS的渲染引擎，生成的Mermaid文本代码完全符合开源Mermaid语法标准，没有添加任何自定义的扩展语法，你可以将编辑区的文本代码直接复制到任何支持Mermaid渲染的平台，比如GitHub、GitLab、Notion、Obsidian等，这些平台渲染出来的图表效果和在Mermaid Whiteboard中的效果完全一致，不存在兼容性问题。同时你也可以将其他平台编写的Mermaid代码直接复制到该工具中编辑，同样可以正常渲染和修改。
多人协作时会不会出现内容冲突的情况？
平台采用了实时协同编辑算法，多个用户同时修改同一个图表时，系统会自动合并不同用户的修改内容，正常情况下不会出现内容冲突的问题，如果多个用户同时修改同一行文本内容，系统会提示用户存在编辑冲突，用户可选择保留自己的修改或者合并对方的修改。同时所有的编辑操作都会被记录到版本历史中，即使出现内容修改不符合预期的情况，也可以随时通过版本历史功能回溯到之前的任意版本，不会造成内容丢失。
导出的图片清晰度可以满足印刷需求吗？
平台支持导出SVG矢量格式和高清PNG格式，其中SVG格式属于矢量图形，无限放大也不会出现模糊的情况，完全可以满足印刷、海报制作等高清展示需求。PNG格式也支持自定义导出分辨率，最高可导出4K分辨率的图片，适配大部分文档、PPT、网页展示的需求。如果需要更高清的导出效果，也可以选择导出PDF格式，PDF格式同样支持矢量渲染，打印或印刷时不会出现失真的情况。
免费版制作的图表会被公开吗？
免费版用户创建的私有图表默认只有自己可以查看，不会对外公开，只有当你主动生成共享链接并设置公开访问权限时，其他用户才可以看到你的图表。平台不会擅自公开用户的私有图表内容，也不会将用户的图表内容用于其他商业用途。需要注意的是，如果你选择创建公开模板，该图表会被纳入公共模板库，其他用户可以查看和使用该模板，所以如果是涉及内部机密的内容，不要选择公开模板选项。
支持离线使用吗？
目前网页版本需要联网才能使用，因为图表的同步、存储、协作功能都需要依托云端服务实现。如果需要离线使用，可以下载官方提供的桌面客户端，桌面客户端支持离线编辑本地的Mermaid文件，编辑过程不需要联网，重新联网后可以选择将本地文件同步到云端存储。不过离线状态下无法使用协作、云端存储、第三方集成等需要联网的功能，仅支持基础的文本编辑和图表渲染功能。
开始使用 Mermaid Whiteboard
从官方入口了解最新功能与使用方式。
由 Toolifai 编辑维护
欢迎产品方补充截图、功能介绍与官方资料。更新和纠错由编辑审核后发布。
