写方案、做培训课件、给同事讲流程的时候，最尴尬的是嘴上说清楚了，配图却画不出来。求人画一张流程图往往要等两三天，自己点开绘图软件又不知道从哪下笔。这条工作流用 DeepSeek 生成 Mermaid 代码，再借助 Excalidraw 做手绘风格微调，二十分钟内就能交出一张能放进文档和幻灯片的图。
用什么工具组合完成整条链路？
整条链路只需要三样东西。第一样是 DeepSeek 网页版或 API 通道，负责把口语化的流程描述翻译成标准的 Mermaid 语法。第二样是 Mermaid Live Editor 在线渲染器，免费打开就能把代码转成图形，支持导出 SVG、PNG 两种格式。第三样是 Excalidraw 网页版或桌面客户端，负责在导出的图形上做手绘风格调整、加备注框、替换颜色。三个工具都不需要付费账号，浏览器里就能完成全部操作，本地文件不落地也能跑通。
提示词怎么写才能让 AI 一次给出可渲染的 Mermaid？
最常见的失败原因是提示词太笼统。不要只说「帮我画一个报销流程图」，而要把节点、先后关系、分支条件一次性讲清楚。可以套用固定句式「请把下面的流程整理成 Mermaid flowchart 代码，节点用中文短句，分支用菱形判断框，只输出代码不要解释」，再附上你口述的步骤清单。拿到代码后先粘进 Live Editor 渲染，如果某个节点位置错乱，就把出错的那段单独贴回去让 AI 修正，不要整段重生成。涉及审批分支时，要明确告诉 AI 哪一条是通过、哪一条是驳回，否则判断框的两个出口常常接反。
Excalidraw 二次手绘调整的关键步骤？
在 Live Editor 导出 SVG 后，打开 Excalidraw，用导入功能把 SVG 放进来，所有形状会变成可编辑的线条。第一步是全选后切换到手绘图风格，让直角方框带上自然的抖动感，比规整矢量图更适合内部沟通场景。第二步是调整箭头走向，自动生成的图经常有交叉线，拖拽节点位置把交叉点避开。第三步是把关键节点改成强调色，比如审批通过用绿色、驳回用橙色，剩下的节点统一灰蓝色。文字字号保持一致，整张图不超过两层嵌套，读者一眼能看到主干路径。
导出与嵌入文档时要注意哪些细节？
汇报用的图建议导出 PNG，分辨率选 2 倍，插到 PPT 里不会发虚；放进技术文档或博客的图导出 SVG，缩放不失真。Excalidraw 自带的导出按钮同时给出两种格式，可以各存一份。文件命名建议用主题加日期，比如「报销流程-20261020」，方便以后改版时找到旧版。整条链路熟练以后，一张中型流程图从口述到成品大约二十分钟，比传统绘图软件逐点拖拽快得多，适合反复修改的方案期使用。
去论坛讨论
前往 silicon-agi.com 论坛 参与讨论