图搭子

用 AI 画流程图并导出 Word:豆包、DeepSeek、Kimi、元宝都行

约 5 分钟 · 更新于 2026-09-06

从提示词到 Word 文件的完整一遍:让 AI 输出 flowchart 代码、整段粘贴、改判断分支与形状、按角色分泳道、换方向、导出。附业务流程与泳道图两段可直接打开的代码。

第一步:要一段 flowchart 代码

在豆包、DeepSeek、Kimi 或元宝里发这句(把主题填上):

请用 Mermaid 代码帮我画一张流程图,主题是:用户从下单到收货的流程。要求:直接给出完整的 mermaid 代码块,第一行用 flowchart TD 开头,节点文字用中文。

把步骤、判断条件写得越具体,回复越接近你要的。比如「支付超时 30 分钟自动取消」「库存不足时提示缺货」这种分支,说了它才会画。

第二步:整段复制,粘进编辑器

点回复下方的「复制」,打开编辑器粘贴。不用剥代码块;DeepSeek 和 Kimi 给的是带标记的代码块,豆包可能丢掉语言标记,元宝给的是裸代码,都能识别。粘贴后状态行显示「已从回复中识别出流程图代码」。

典型结果长这样,点「在编辑器里打开」:

flowchart TD
    A([用户下单]) --> B{库存充足?}
    B -- 否 --> C[提示缺货] --> Z([结束])
    B -- 是 --> D[锁定库存并创建订单]
    D --> E{30 分钟内支付?}
    E -- 否 --> F[自动取消,释放库存] --> Z
    E -- 是 --> G[商家发货]
    G --> H[物流配送]
    H --> I{用户确认收货?}
    I -- 是 --> J([交易完成])
    I -- 7 天未确认 --> J
在编辑器里打开打开后可以改文字、换主题、下载 PNG / Word / PPT。

第三步:改成你的版本

  • 改文字:预览里双击节点直接改,回车生效。
  • 加一步:在代码里插一行,例如在发货前加审核:D --> D2[风控审核] --> E,并把原来的 D --> E 删掉。
  • 判断分支{条件?} 是菱形,分支文字写在连线上:E -- 否 --> F
  • 开始 / 结束([文字]) 的体育场形是惯例;数据库用 [(文字)]
  • 横着放:预览上方「布局」→ 方向选「左→右」,适合放进 PPT 的宽版面。
  • 文字里有括号:整段加双引号 A["确认收货(7 天)"],否则会报「括号没有闭合」。

按角色分泳道

多个部门 / 角色参与的流程,用 subgraph 把每个角色的步骤框起来,就是泳道图。让 AI 生成时在提示词里加一句「用 subgraph 按角色分组:申请人、直属主管、HR」。手写也不难:

flowchart TB
    subgraph 申请人
        direction LR
        A[填写请假单] --> B[提交]
    end
    subgraph 直属主管
        direction LR
        C{天数 ≤ 3?} --> D[审批]
    end
    subgraph 部门负责人
        E[审批]
    end
    subgraph HR
        F[备案并通知]
    end
    B --> C
    C -- 否 --> E
    D --> F
    E --> F
在编辑器里打开打开后可以改文字、换主题、下载 PNG / Word / PPT。

模板库的泳道图分类里有请假审批、采购审批、报销、订单履约四套现成的,改文字就能用。

第四步:导出 Word

预览上方「下载 PNG」旁边的 ▾ → 「导出 Word(docx)」。文件里是一张 3 倍分辨率的高清图,文末附原始 Mermaid 代码,以后要改把代码复制回来即可。要把图插进已有的文档,用「复制 PNG 到剪贴板」直接粘贴更快;PPT 同理选「导出 PPT(pptx)」。

报错了怎么办

AI 写流程图最常见的错:连线写成 ->(应为 -->)、把 end 当成节点名、节点文字里的中文括号。报错条会用中文点名并定位到行,点「AI 修复」或者照常见报错怎么改手动改。

相关

打开编辑器试试

其他教程

全部教程找具体问题的答案?去帮助中心