负责功能测试、接口测试和回归测试的 QA，日常工作里需求变化快，测试用例、缺陷报告和测试报告要反复写，边界场景还容易漏。流程图能让复杂的业务一目了然，但拖拽画图很费时间，修改一次就要重新排版。这篇文章用一个完整的例子演示测试工程师如何借助 AI 画流程图：用文字描述流程，让 AI 生成 Mermaid 代码，粘贴到支持的工具中自动渲染，修改时改文字即可。

场景：测试工程师为什么需要 AI 画流程图

测试工程师需要把“提交并跟踪 18 个缺陷”的处理流程画出来，用于新人培训或和项目经理对齐。流程里有判断分支和异常处理，用画图软件拖来拖去很费劲。对测试工程师来说，这类需求往往和“提交并跟踪 18 个缺陷”“执行支付链路回归测试”这些事挤在同一周，留给它的时间并不多。

推荐工具

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

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

下面这个例子是虚构的：刘哥遇到的难题是“提测时间延后两天，回归时间被压缩”。为了不让它拖慢“提交并跟踪 18 个缺陷”的进度，刘哥决定借助 AI 画流程图。第一次只写了一句简单的要求，结果很空泛；第二次把对象（项目经理）、目的和限制条件都写清楚，输出就可用多了。这也是本文提示词模板要把背景写全的原因。

具体怎么做

  1. 用文字描述流程：开始、每一步、判断条件、结束
  2. 说明需要的方向（从上到下或从左到右）
  3. 让 AI 生成 Mermaid 代码并检查语法
  4. 粘贴到支持的工具中预览
  5. 发现问题时修改文字描述重新生成

可复用的提示词

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

【背景】当前的难点是：提测时间延后两天，回归时间被压缩。
请把下面的流程转换成 Mermaid 流程图代码（flowchart TD）。

流程：提交并跟踪 18 个缺陷
1. 收到需求后，先判断信息是否完整
2. 不完整：退回补充，补充后重新判断
3. 完整：进入处理，由测试工程师执行
4. 处理完成后提交项目经理确认
5. 确认通过：归档结束；不通过：返回修改

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

示例输出（仅供示意）

示例输出如下（虚构内容，仅演示 AI 大致会给出什么样的结果）：

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

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

这样的输出只是起点。真正用到“提交并跟踪 18 个缺陷”这类工作里之前，还需要对照原始资料逐条检查，并补上 AI 不知道的背景。

注意事项与技巧

  • 分支太多时，拆成主流程和子流程两张图。
  • 不同工具对 Mermaid 版本的支持不同，渲染失败时换一个编辑器试试。
  • 画完后对照实际流程走一遍，确认没有遗漏。

给测试工程师的特别提醒

把需求文档原文给 AI，让它按等价类、边界值、异常流分别列用例。同时要记住：AI 列出的用例只是候选清单，覆盖是否充分仍要结合需求和历史缺陷人工把关。

还可以这样用

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

相关阅读