流程图编辑器

Mermaid 流程图可视化编辑:画布拖拽、自动布局、AI 生成,一键分享与导出 Markdown。

编辑器加载中…

流程图教程

常见问题

如何在线画流程图并导出 Markdown?

在画布上添加节点、拖拽连线、双击改文字,右侧代码面板会实时生成 Mermaid 代码,点「复制 md 块」即可粘贴到 GitHub、Typora、语雀等支持 Mermaid 的平台。

为什么导出后的布局和画布上看到的略有不同?

Mermaid 语法不保存节点坐标。导出的代码在任何平台(包括本工具)都会由 Mermaid 引擎自动布局,结构完全一致,但节点摆设可能略有差异,这是 Mermaid 的通用特性。

支持哪些 Mermaid 语法?

支持 flowchart 常用语法:矩形/圆角/菱形/胶囊/圆形 5 种节点、实线/虚线、箭头、边标签、一层 subgraph 分组和 classDef 配色。导入不支持的语法时会按行号提示,不会静默丢弃内容。

数据会上传到服务器吗?

画布编辑全程在浏览器本地完成,草稿与历史记录仅保存在你设备的 localStorage 中。联网场景只有两个:AI 生成(BYOK 模式从浏览器直连模型服务商,站点不中转;兜底模式经统一后端转发且不存储内容)和分享(Mermaid 源码会存入后端以生成链接,默认保留 7 天后自动过期)。

AI 生成流程图如何使用?

点击「AI 生成」,用一段话描述业务流程,AI 会生成流程图到画布,可继续手动调整。需要在右上角「设置」中配置模型 API Key,或使用运营兜底额度。

分享链接能保存多久?打开别人的分享会覆盖我的画布吗?

分享链接默认 7 天有效,过期后无法打开。打开分享链接会把对方内容直接载入画布,你当前画布会先自动快照到「历史记录」,随时可从历史记录恢复,不怕覆盖。

相关工具