AI + Mermaid 流程图速查手册:收藏这一页就够用
本页把 AI + Mermaid 流程图的关键内容压缩成速查格式,写提示词前扫一眼即可。用 AI 画流程图是描述一个流程或系统,让 AI 生成 Mermaid 等文本格式的图表代码,再在支持该格式的工具中渲染成流程图、时序图、甘特图等。
一句话理解
AI 画流程图 = 修改流程时只需改文字,不必重新拖拽图形。原理:图表的结构可以用文本描述,AI 擅长把文字流程转换成节点和连线,并按语法输出代码;文本格式也便于版本管理和协作修改。
场景速查
| 场景 | 推荐做法 |
|---|---|
| 梳理业务流程、审批流程、操作步骤 | 让 AI 先用文字列出节点和连线,确认后再生成代码 |
| 技术文档中需要架构图、时序图 | 用子图分组,表示不同部门或系统 |
| 项目计划需要简单的甘特图 | 流程图代码放在文档中,和文字说明一起维护 |
| 培训材料需要清晰的流程示意 | 画完后让 AI 检查流程中是否有死循环或缺失的分支 |
操作要点
- 第 1 步:用文字描述流程:起点、步骤、判断条件、终点。
- 第 3 步:让 AI 生成 Mermaid 代码,并检查节点是否完整。
- 第 4 步:把代码粘贴到支持 Mermaid 的编辑器或笔记工具中渲染。
- 第 6 步:把代码保存在文档中,流程变化时直接修改代码。
模板速取
示例场景:行政准备活动方案。
请把下面这个流程画成 Mermaid 流程图(从上到下):
行政处理“组织全员月度会议”的流程:
1. 收到需求后先确认范围;
2. 如果需求不清楚,退回给全体员工补充;
3. 需求清楚则制定方案,交行政主管审批;
4. 审批通过则执行,不通过则修改方案后重新提交;
5. 执行完成后复盘归档。
要求:判断节点用菱形;节点文字不超过 12 个字;输出完整代码。
错误写法对照
| 错误写法 | 正确做法 |
|---|---|
| 流程描述不完整 | 写清楚每个判断条件的两个分支,否则图会缺少路径 |
| 节点文字太长 | 节点文字简短,细节放在文档说明中 |
| 一张图塞进太多步骤 | 复杂流程拆成主流程和子流程 |
| 不检查渲染结果 | 渲染后检查连线和分支是否正确 |
| 使用工具不支持的语法 | 确认你的编辑器支持的 Mermaid 版本和图表类型 |
速答
- 能导出为图片吗? 大多数支持 Mermaid 的编辑器可以导出图片,便于放入演示文稿。
- 在哪里可以渲染 Mermaid? 不少笔记工具、文档平台和代码托管平台支持渲染,也有在线编辑器可以使用,具体以工具说明为准。
速记:AI 画流程图的第一步是“用文字描述流程:起点、步骤、判断条件、终点”,结果一定要对照原始材料检查。工作流类技能的价值在于把 AI 嵌进你已有的流程里,而不是另起炉灶。先挑一个最常做、最费时的环节试点,效果稳定后再扩展。
使用提示
速查表只是起点。每个人的任务不同,建议在表格里补一行你自己最常用的场景,比如行政可以加上“完成办公用品季度采购”。