免费在线Mermaid图表编辑器，使用简洁的文本标记语法创建流程图、时序图、甘特图、类图、状态图和饼图等多种技术图表。左侧编写Mermaid代码，右侧实时预览渲染结果，所见即所得。支持导出SVG和PNG高清图片，适合技术文档编写、系统架构设计和项目管理汇报。无需安装，纯前端渲染。 | 无需注册 · 数据绝不上传服务器
零依赖·可离线使用
输入Mermaid代码，实时预览...
📖 使用教程
编辑代码：在左侧编辑器中输入Mermaid语法，右侧实时渲染预览。
使用预设：点击预设按钮加载示例代码，快速上手各种图表类型。
导出：点击导出SVG下载矢量图，或复制Mermaid代码用于Markdown文档。
❓ 常见问题
什么是Mermaid？
Mermaid是一种基于文本的图表描述语言，使用类似Markdown的简单语法创建流程图、时序图、甘特图、类图等。它被广泛集成在GitHub、GitLab、Notion等平台中，是技术人员最常用的文档图表工具之一。
如何使用Mermaid编辑器？
在左侧编辑器中输入Mermaid语法（或使用预设示例），右侧会自动实时渲染出图表。你可以导出为SVG图片或复制Mermaid代码到Markdown文档中使用。
Mermaid支持哪些图表类型？
Mermaid支持流程图（flowchart）、时序图（sequenceDiagram）、甘特图（gantt）、类图（classDiagram）、状态图（stateDiagram）、饼图（pie）、ER图（erDiagram）、Git图（gitGraph）等多种图表类型。
导出的SVG可以用于商业用途吗？
可以。你创建和导出的图表属于你自己，可以自由用于文档、演示、商业项目等任何用途。本工具不保留任何权利。