本页把 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 嵌进你已有的流程里,而不是另起炉灶。先挑一个最常做、最费时的环节试点,效果稳定后再扩展。

使用提示

速查表只是起点。每个人的任务不同,建议在表格里补一行你自己最常用的场景,比如行政可以加上“完成办公用品季度采购”。

相关阅读