关于
mermaid.design 是一个免费的在线 Mermaid 图表编辑器。在左侧编写 Mermaid 语法，右侧即可实时看到渲染后的图表。所有处理完全在你的浏览器中完成——你的图表永远不会离开你的设备。
主要功能
- 实时预览：图表随输入即时重新渲染，并提供即时的语法校验与错误提示
- 两种渲染模式：可将图表渲染为清晰的 SVG，或渲染为可粘贴到代码注释、文档或终端中的 ASCII 字符画
- 图表主题：一键切换 Mermaid 主题，包括默认（Default）、中性（Neutral）、森林（Forest）、深色（Dark）和基础（Base），并支持自定义背景颜色或透明背景
- ASCII 渲染：将流程图和时序图转换为基于文本的图表，支持 Unicode 或纯 ASCII 字符集，并可调节字号
- 平移与缩放：拖动即可平移，Ctrl/⌘ + 滚轮缩放，并配有浮动工具栏进行精确控制
- 代码编辑器：基于 Monaco 的编辑器（与 VS Code 同款引擎），支持 Mermaid 语法高亮
- 模板：内置流程图、时序图、类图、状态图、ER 图、甘特图、饼图、Git 图、思维导图和用户旅程图模板库
- 导出：以 1x、2x 或 4x 分辨率将图表下载为 SVG、PNG、JPG 或 WebP，或导出为纯文本 ASCII
- 纯客户端：没有服务器、没有上传——一切均在你的浏览器本地运行
支持的图表类型
流程图、时序图、类图、状态图、ER 图、甘特图、饼图、Git 图、思维导图、用户旅程图、C4 图、时间线和需求图——凡是 Mermaid 引擎支持的，这里都支持。
反馈
如果你对我们的工具有任何问题或建议，欢迎随时联系我们。