如何将 AI 生成的 Mermaid 流程图导出到 Word?
📅 2026-02-15⏱️ 4分钟
核心方法:AI 输出的 Mermaid 流程图本质是代码文本,直接复制到 Word 只能看到源码。使用鲸鱼AI助手,粘贴包含 Mermaid 代码的 Markdown,系统会自动将流程图渲染为高清矢量图形,并嵌入到 Word 文档中,打印不模糊,且与正文排版完美融合。
ChatGPT 和 Gemini 非常擅长用 Mermaid 语法画流程图和时序图。但在导出时,你看到的不是优美的图形,而是一堆类似 graph TD; A-->B;
的代码。如何把代码变成 Word 里的流程图?
为什么 Mermaid 复制到 Word 是代码?
Mermaid 是一种"用代码画图"的语言。AI 输出的只是画图指令,你需要一个"渲染引擎"把指令变成视觉图像。Word 本身没有 Mermaid 渲染引擎,所以它只能原样显示代码。
传统做法:截图粘贴
很多用户先将 Mermaid 代码粘贴到在线渲染网站(如 Mermaid Live Editor),生成图片后截图,再粘贴到 Word 中。
- 缺点 1:步骤繁琐,需要来回切换三个工具。
- 缺点 2:截图是位图,放大或打印时会出现锯齿和模糊。
- 缺点 3:流程图与正文难以对齐,排版不专业。
最优解:鲸鱼AI助手矢量渲染导出
鲸鱼AI助手内置了 Mermaid 矢量渲染引擎,一键解决所有问题:
- 复制 AI 输出:将包含
```mermaid代码块的 Markdown 全部复制。 - 粘贴到鲸鱼:系统自动识别 Mermaid 语法,在预览区直接渲染出图形。
- 导出 Word:点击导出,Mermaid 图形被转为高清矢量图(SVG 渲染)嵌入 Word。
优势:矢量图形无论放大多少倍都清晰锐利,打印效果极佳;图形尺寸自动适配 Word 页面宽度,无需手动调整。
支持哪些 Mermaid 图表类型?
- Flowchart(流程图):最适合业务逻辑、决策树展示。
- Sequence Diagram(时序图):展示系统交互、API 调用顺序的首选。
- Gantt(甘特图):项目排期、进度管理的标准图表。
- Class Diagram(类图):面向对象设计的结构展示。
