免费 · 免登录 · 无水印

流程图模板

方案文档、操作手册、课程作业里的流程图,这里每一套都是一段能直接渲染的 Mermaid 代码:开始、步骤、判断、结束都已经连好。挑步骤最接近的一套改成你的,免费导出 Word、PPT 或高清 PNG。免登录、无水印。

现成的流程图模板

点开看预览与完整代码,直接下载 PNG / SVG / Word / PPT;「在编辑器里打开」后改文字、换主题再导出。

三步拿到能交的图

  1. 1点上面的「打开示例,直接改字」,或挑一套步骤最接近的模板在编辑器里打开
  2. 2在预览里双击节点改文字;单击节点可以在后面加一步、加分支、换形状。也可以把下面的提示词发给 AI,说清步骤,让它生成后整段粘贴进来
  3. 3选一套主题,点「导出 Word」或「导出 PPT」;放进论文用 ×3 的 PNG 或 SVG

流程图的 Mermaid 写法

改这段试试:复制后粘贴进编辑器就能渲染。

mermaid
flowchart TD
    A([开始]) --> B[提交申请]
    B --> C{资料齐全?}
    C -- 是 --> D[审核]
    C -- 否 --> E[补充资料]
    E --> B
    D --> F{审核通过?}
    F -- 是 --> G[办理完成]
    F -- 否 --> H[退回并说明原因]
    G --> I([结束])
    H --> I
  • 第一行写 flowchart TD(从上到下)或 flowchart LR(从左到右),后面每行一条连线:A --> B
  • 节点写成「id[文字]」:方括号是矩形,圆括号 (文字) 是圆角,花括号 {文字} 是判断菱形,([文字]) 是开始 / 结束的胶囊形
  • 判断的分支写在连线上:B -- 是 --> C 与 B -- 否 --> D。文字里有括号或引号时,用双引号把整段文字包起来
  • id 用英文字母或数字,文字随便写中文;同一个 id 第二次出现时不用再写文字

让 AI 按这个结构生成你的版本

把下面这段发给豆包、DeepSeek、Kimi 或元宝,把【】里的内容换成你的,再把它的回复整段粘贴到编辑器,会自动识别其中的代码。

prompt.txt
请用 Mermaid 的 flowchart TD 语法画一张流程图。流程是【流程名称】,步骤依次是:【步骤一 → 步骤二 → …】。其中【某一步】是判断,用菱形表示,「是」走到【…】,「否」走到【…】。开始和结束用 ([文字]) 的胶囊形,普通步骤用方括号矩形,节点 id 用英文字母。只输出 mermaid 代码块。

常见问题

流程图里的菱形、矩形、圆角分别表示什么?
通用约定是:胶囊形表示开始和结束,矩形表示一个处理步骤,菱形表示判断(有两条以上的出口),平行四边形表示输入或输出。Mermaid 里分别写成 ([文字])、[文字]、{文字}、[/文字/]。
流程图能直接导出到 Word 或 PPT 吗?
能。编辑器里点「导出 Word」或「导出 PPT」,得到的文件里是一张高清图,文末附 Mermaid 代码;以后要改步骤,把代码贴回编辑器改完重新导出即可。导出在浏览器里完成,内容不上传。
流程太长,一页放不下怎么办?
先试着把方向从 TD 换成 LR,横排更适合 PPT。再长就按阶段拆成几张图,每张 10 到 15 个节点读起来最清楚;或者用 subgraph 把相关步骤分组,让结构先被看到。
AI 生成的流程图代码报错怎么办?
把 AI 的整段回复粘贴进编辑器,常见的问题(全角括号、少了 end、箭头写错)会提示「一键修好」。本地修不了的可以点「AI 修复」。常见报错的原因在帮助中心「常见报错」里逐条写了。
流程图和泳道图该用哪个?
只关心步骤顺序用流程图;要同时说明每一步由哪个角色或部门负责,用泳道图。泳道图在 Mermaid 里就是给每个角色加一个 subgraph 的流程图,本站另有泳道图模板专题。

相关内容