实时预览
代码一改，图表立即更新，语法问题、关系错误和布局效果一目了然。
在线创建图表
免费在线编辑 Mermaid 图表，支持实时预览、模板与示例，可导出 PNG、SVG、PDF 和 MMD，并通过链接分享；所有数据均在浏览器端处理。
从 Mermaid 代码到专业图表，一站式完成
适合开发者、产品与项目团队、技术写作者、学生及所有需要快速可视化信息的人。
模板与示例
内置流程图、时序图、ER 图、甘特图、架构图等常见场景示例，无需从空白开始。
支持 33 种图表
从常用流程图、思维导图到 C4、桑基图、Wardley 地图、铁路图和 ZenUML，覆盖更多专业场景。
导出 PNG、SVG、PDF 与 MMD
可下载位图、矢量图、打印文档或原始 Mermaid 源码，适配文档、演示和版本管理。
链接分享
一键生成分享链接，让同事、客户或同学快速打开同一张图。
浏览器端隐私保护
编辑、渲染与数据处理均在浏览器中完成，敏感架构、流程和数据模型无需上传。
支持 11 种界面语言
覆盖英语、简体中文、越南语、俄语、巴西葡萄牙语、西班牙语、法语、日语、韩语、德语和阿拉伯语。
为“图表即代码”而生
图表可复制、可审阅、可追踪版本，避免被锁定在专有绘图文件中。
三步完成一张 Mermaid 图表
- 01
输入或粘贴代码
选择模板、打开示例，或粘贴来自文档、GitHub、ChatGPT、Claude 等来源的 Mermaid 代码。
- 02
边写边实时预览
图表会随输入即时更新，可继续调整文字、关系、方向、样式和布局。
- 03
导出或分享
下载 PNG、SVG、PDF、MMD，或生成链接与他人分享。
探索 33 种 Mermaid 图表
覆盖软件设计、流程梳理、项目管理、数据建模、战略分析、研究与技术文档等场景。
- 流程图
- 类图
- 时序图
- 实体关系图
- 状态图
- 思维导图
- 架构图
- 块图
- C4 架构图
- Cynefin 框架图
- 事件建模图
- 甘特图
- Git 图
- 鱼骨图（因果图）
- 看板
- 数据包图
- 饼图
- 象限图
- 雷达图
- 铁路图（ABNF）
- 铁路图（EBNF）
- 铁路图（IR）
- 铁路图（PEG）
- 需求图
- 桑基图
- 时间线
- 树视图
- 矩形树图
- 用户旅程图
- 维恩图
- Wardley 地图
- XY 图
- ZenUML 时序图
面向真实工作场景设计
软件开发者
绘制 API 调用、服务交互、数据模型、状态流转、Git 分支、网络数据包和系统架构。
产品与项目团队
梳理用户旅程、业务流程、路线图、看板、时间线、需求和项目计划。
技术写作者
为 README、知识库、规格说明、教程和内部文档创建可维护的图表。
学生与教师
解释复杂系统、对比概念、整理思路，并把笔记快速转化为清晰图示。
为不同使用场景选择合适的导出格式
从在线预览直接进入文档、设计、打印、演示或源码管理流程，无需重复绘制。
- PNG
- 适合演示文稿、办公文档、聊天工具和快速分享的高清位图。
- SVG
- 可无限缩放的矢量格式，适合网页、设计工具和精细编辑。
- 适合打印、报告、评审和长期归档的通用文档格式。
- MMD
- 保留原始 Mermaid 代码，便于后续编辑、复用和版本管理。
图表数据留在你的浏览器中
编辑器在客户端处理 Mermaid 内容，适合处理系统架构、内部流程、数据库模型及其他不希望上传到远程服务的图表。
常见问题
这个 Mermaid 在线编辑器真的免费吗？
是的。编辑器、模板、示例、实时预览、链接分享以及 PNG、SVG、PDF、MMD 导出均可免费使用。
Mermaid 是什么？
Mermaid 是一种基于文本的图表语法。你用代码描述节点、关系、事件或时间线，渲染器会将文本转换为可视化图表。
支持哪些 Mermaid 图表类型？
支持 33 类图表，包括流程图、类图、时序图、ER 图、状态图、思维导图、架构图、C4、甘特图、Git 图、看板、桑基图、时间线、用户旅程图、维恩图、Wardley 地图、XY 图、ZenUML 等。
可以导出 PNG、SVG、PDF 和 MMD 吗？
可以。PNG 适合日常图片使用，SVG 适合无损缩放，PDF 适合打印和正式文档，MMD 用于保留可继续编辑的 Mermaid 源码。
Mermaid 代码会上传到服务器吗？
网站按浏览器端处理方式设计，正常编辑与导出过程中，工作数据保留在客户端。
链接分享怎么使用？
在编辑器中生成分享链接并发送给他人，对方即可通过浏览器打开对应图表。
需要安装 Mermaid 或其他软件吗？
不需要。本工具直接在现代浏览器中运行，打开网站即可开始编辑。
可以从模板或示例开始吗？
可以。模板和示例既能帮助学习 Mermaid 语法，也能快速创建常见图表。
可以粘贴 ChatGPT、Claude 等 AI 生成的 Mermaid 代码吗？
可以。粘贴代码后，通过实时预览检查结果，修正可能的语法问题，再导出或分享最终图表。
为什么选择 Mermaid，而不是拖拽式画图工具？
文本图表修改更快、复制更方便，适合 Git、代码评审和文档协作，也更容易与实际系统保持同步。