作为负责需求分析、原型设计和版本推进的互联网产品经理，你可能也有同感：需求文档、用户反馈整理、竞品分析和各种对齐会议占满了时间，留给思考的空间很少。流程图能让复杂的业务一目了然，但拖拽画图很费时间，修改一次就要重新排版。本文给出产品经理用 AI 画流程图的一套可直接照抄的做法：用文字描述流程，让 AI 生成 Mermaid 代码，粘贴到支持的工具中自动渲染，修改时改文字即可。

使用场景

产品经理需要把“整理上周 200 多条用户反馈并归类”的处理流程画出来，用于新人培训或和产品负责人对齐。流程里有判断分支和异常处理，用画图软件拖来拖去很费劲。对产品经理来说，这类需求往往和“推动搜索功能优化进入开发”“验收搜索优化效果”这些事挤在同一周，留给它的时间并不多。

用什么工具

对话助手负责生成 Mermaid 代码，Typora、Obsidian、Notion、飞书文档、语雀以及 Mermaid 在线编辑器都能渲染；draw.io 也支持导入 Mermaid。

案例：一次完整的使用过程（虚构）

下面这个例子是虚构的：小周遇到的难题是“开发资源被临时项目占用，积分改版可能延期一周”。为了不让它拖慢“推动搜索功能优化进入开发”的进度，小周决定借助 AI 画流程图。第一次只写了一句简单的要求，结果很空泛；第二次把对象（产品负责人）、目的和限制条件都写清楚，输出就可用多了。这也是本文提示词模板要把背景写全的原因。

操作步骤

  1. 用文字描述流程：开始、每一步、判断条件、结束
  2. 让 AI 生成 Mermaid 代码并检查语法
  3. 粘贴到支持的工具中预览
  4. 发现问题时修改文字描述重新生成

提示词示例

提示词的关键是把背景、要求和输出格式写清楚：

【背景】最近在处理“推动搜索功能优化进入开发”，同时要准备“验收搜索优化效果”。
请把下面的流程转换成 Mermaid 流程图代码（flowchart TD）。

流程：整理上周 200 多条用户反馈并归类
1. 收到需求后，先判断信息是否完整
2. 不完整：退回补充，补充后重新判断
3. 完整：进入处理，由产品经理执行
4. 处理完成后提交产品负责人确认
5. 确认通过：归档结束；不通过：返回修改

要求：判断节点用菱形，节点文字简短，只输出代码，并在代码后说明如何修改节点文字。

示例输出（仅供示意）

以下是一段示意性的输出，内容基于虚构的工作记录，仅用于展示格式和思路，实际结果会因工具和输入不同而变化：

flowchart TD
    A[收到需求] --> B{信息完整?}
    B -- 否 --> C[退回补充]
    C --> B
    B -- 是 --> D[执行处理]
    D --> E[提交确认]
    E --> F{确认通过?}
    F -- 是 --> G[归档结束]
    F -- 否 --> D

修改方法：方括号 [ ] 中是普通节点文字，花括号 { } 中是判断节点文字，直接修改即可；箭头上的文字写在 – 和 –> 之间。

这样的输出只是起点。真正用到“推动搜索功能优化进入开发”这类工作里之前，还需要对照原始资料逐条检查，并补上 AI 不知道的背景。

避坑指南

  • 节点文字里有括号、引号等特殊符号时，Mermaid 可能报错，可以让 AI 用引号包裹。
  • 分支太多时，拆成主流程和子流程两张图。

给产品经理的特别提醒

让 AI 扮演挑剔的开发或用户来挑毛病，比让它直接写方案更有价值。还有一点很关键：AI 不了解你们的真实用户和业务数据，它提出的方案只能当作讨论起点。

变体用法

  • 时序图：描述系统或人员之间的交互顺序。
  • 甘特图：把项目计划转成 Mermaid gantt 代码。

相关阅读