流程图
使用 Mermaid 语法在线创建流程图，支持判断分支、循环和并行路径，一键导出 SVG/PNG。
在左侧输入 Mermaid 代码以查看预览
流程图（Flowchart）是软件开发、业务流程分析和系统设计中最常用的图表类型之一。Mermaid 的 flowchart 语法简洁直观：用 TD（从上到下）或 LR（从左到右）指定方向，用方括号表示矩形节点、圆括号表示圆角节点、菱形表示判断分支，用箭头和标签描述连接关系。相比 Visio 或 draw.io，Mermaid 流程图以纯文本形式存储，可直接纳入 Git 版本控制，方便团队协作和代码审查。典型应用场景包括：描述用户认证流程、展示 CI/CD 流水线步骤、可视化算法逻辑等。本工具基于 Mermaid v11，支持所有 flowchart 语法特性，渲染结果与 GitHub、GitLab 保持一致。
为什么选择 Zolkit Mermaid 图表生成器？
Zolkit Mermaid 图表生成器是一款纯浏览器工具，无需注册账号、无需安装插件，代码即图，所见即所得。支持 10 种 Mermaid 图表类型，从软件架构图到项目计划甘特图，一键导出 SVG 矢量图或 PNG 位图，满足文档、演示和代码仓库的各种需求。
实时预览
边输入边渲染，无延迟反馈，帮助你快速验证图表语法。
10 种图表类型
支持流程图、时序图、类图、ER 图、甘特图、状态图、思维导图、Git 图、饼图和时间线。
导出 SVG 和 PNG
SVG 无损缩放，PNG 适合截图插入文档，满足不同使用场景。
内置代码示例
每种图表类型均内置可运行示例，一键加载，快速上手。
完全在浏览器中运行
代码和图表数据不离开你的设备，无隐私泄露风险。
免费无限制使用
无需注册，无使用次数限制，随时随地使用。
如何使用
- 1
在左侧代码框中输入或粘贴 Mermaid 语法，右侧即时显示图表预览。
- 2
点击「加载示例」快速获取各图表类型的标准代码模板。
- 3
图表满意后，点击「导出 SVG」或「导出 PNG」保存图表，或点击「复制 SVG」直接粘贴到你的项目中。