流程图编辑器
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 天有效,过期后无法打开。打开分享链接会把对方内容直接载入画布,你当前画布会先自动快照到「历史记录」,随时可从历史记录恢复,不怕覆盖。