mermaid.design 是一款在线 Mermaid 图表编辑器。用纯文本的 mermaid 语法编写，即可实时生成流程图、时序图、ER 图、甘特图等多种图表——边输入边渲染。
一切都在你的浏览器本地完成：无需账号、无需上传、没有服务器往返。图表代码只保存在你的设备上，每一次导出都在本地生成。
不只是粘贴预览工具——而是一套用于设计、美化和导出代码式图表的完整环境。
轻量 CodeMirror 编辑器，支持 Mermaid 语法高亮、行内错误标记及源码与画布选区联动；预览面板支持实时渲染、平移与缩放。
直接在画布上编辑节点标签和图表元素，修改会同步回 Mermaid 源码；代码与预览之间还支持选区联动和统一的撤销、重做。
通过上下文自动补全、现成代码片段、搜索替换、一键格式化和行内语法诊断，更高效地编写 Mermaid 代码。
在官方 mermaid SVG 输出与用纯文本绘图的 ASCII 引擎之间随时切换——后者适合终端、代码注释与文本文档。
可调整全部 73 个 mermaid 主题变量，从 20+ 内置与设计师预设出发，或用单个种子色生成整套配色——然后导出为 JSON 或 frontmatter。
通过 33 个分类中的 438 项 Mermaid 渲染配置，精细调整布局、间距和各类图表行为，无需手动编写配置 JSON。
从流程图、时序图、状态图、ER 图、甘特图等模板库开始，每个模板都会用你当前的主题实时渲染后再应用。
可将图表下载为 SVG、PNG、JPG 或 WebP（可选透明背景），或将 ASCII 渲染结果直接复制进 README。
无需注册、没有后端：解析、渲染与导出全部在浏览器本地完成，敏感的架构图永远不会离开你的设备。
同一段 mermaid 代码，随你选择渲染方式——随时从导航栏切换引擎。
从流程图到 C4 架构图——只要 mermaid 支持，就能在这里设计。
从零开始、粘贴已有代码，或从模板库的 31 个模板中任选一个。
调整主题变量、套用预设，或切换到 Styled 引擎添加阴影与自定义描边——无需写 CSS。
下载 SVG、PNG、JPG 或 WebP 用于文档与幻灯片，或导出 ASCII 渲染的纯文本。主题可随 JSON 或 frontmatter 一起带走。
不需要。mermaid.design 完全运行在浏览器中——打开页面即可开始输入 mermaid 语法，无需安装，也无需注册。
不会。解析、渲染与导出全部在浏览器本地完成。图表代码只保存在你自己浏览器的本地存储中，永远不会离开你的设备。
支持 mermaid 12 的全部图表类型，包括流程图、时序图、类图、状态图、ER 图、甘特图、思维导图、时间线、桑基图、C4 图等。
可将图表下载为 SVG、PNG、JPG 或 WebP（可选透明背景），ASCII 渲染可导出为纯文本，主题配置可复制为 JSON 或 mermaid frontmatter。
可以。你创建并导出的图表归你所有——可用于文档、演示、博客或产品，无论是否商用。