新手学 AI + Mermaid 流程图:一篇讲清用法与提示词
用 AI 画流程图是描述一个流程或系统,让 AI 生成 Mermaid 等文本格式的图表代码,再在支持该格式的工具中渲染成流程图、时序图、甘特图等。修改流程时只需改文字,不必重新拖拽图形。读完这篇,你就能把它用到自己的日常工作里。
AI 画流程图是什么,为什么有效
背后的原理并不复杂:图表的结构可以用文本描述,AI 擅长把文字流程转换成节点和连线,并按语法输出代码;文本格式也便于版本管理和协作修改。与用绘图软件拖拽相比,拖拽绘图更自由,适合精美的展示图;Mermaid 文本画图修改快、易于版本管理,适合需要经常更新的流程和技术文档。
把流程画成图,最大的收获往往是发现流程本身的问题。用文字描述时,很多分支被一笔带过;画成图后,每个判断节点都必须有两条出路,缺失的环节一目了然。所以画流程图不只是为了展示,也是一次梳理和检查流程的过程。
适用场景
- 梳理业务流程、审批流程、操作步骤。
- 技术文档中需要架构图、时序图。
- 项目计划需要简单的甘特图。
- 培训材料需要清晰的流程示意。
怎么用:6 步上手
- 用文字描述流程:起点、步骤、判断条件、终点。
- 说明图表类型,比如流程图、时序图、甘特图。
- 让 AI 生成 Mermaid 代码,并检查节点是否完整。
- 把代码粘贴到支持 Mermaid 的编辑器或笔记工具中渲染。
- 根据渲染结果调整方向、分组和文字。
- 把代码保存在文档中,流程变化时直接修改代码。
可直接复制的提示词
下面以销售的工作场景为例,方括号里的内容换成你自己的信息即可:
请把下面这个流程画成 Mermaid 流程图(从上到下):
销售处理“拜访 6 家意向客户,推进 2 家进入方案阶段”的流程:
1. 收到需求后先确认范围;
2. 如果需求不清楚,退回给客户补充;
3. 需求清楚则制定方案,交销售经理审批;
4. 审批通过则执行,不通过则修改方案后重新提交;
5. 执行完成后复盘归档。
要求:判断节点用菱形;节点文字不超过 12 个字;输出完整代码。
效果示例
以下内容为虚构示例,仅用于说明效果:
示例输出(虚构):
flowchart TD A[收到申请] --> B{材料齐全?} B -- 否 --> C[通知补充材料] C --> A B -- 是 --> D[部门审批] D --> E[归档]
新手最常犯的两个错误
- 容易犯的错:流程描述不完整。更好的做法:写清楚每个判断条件的两个分支,否则图会缺少路径。
- 容易犯的错:节点文字太长。更好的做法:节点文字简短,细节放在文档说明中。
上手后的小技巧
- 让 AI 先用文字列出节点和连线,确认后再生成代码。
- 用子图分组,表示不同部门或系统。
一个常见疑问
在哪里可以渲染 Mermaid? 不少笔记工具、文档平台和代码托管平台支持渲染,也有在线编辑器可以使用,具体以工具说明为准。
工作流类技能的价值在于把 AI 嵌进你已有的流程里,而不是另起炉灶。先挑一个最常做、最费时的环节试点,效果稳定后再扩展。
下一步
入门之后,可以看看 AI 画流程图的进阶技巧和常见错误,再结合 AI 思维导图一起使用。