首页 / 教程博客 / 正文

如何将 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 矢量渲染引擎,一键解决所有问题:

  1. 复制 AI 输出:将包含 ```mermaid 代码块的 Markdown 全部复制。
  2. 粘贴到鲸鱼:系统自动识别 Mermaid 语法,在预览区直接渲染出图形。
  3. 导出 Word:点击导出,Mermaid 图形被转为高清矢量图(SVG 渲染)嵌入 Word。

优势:矢量图形无论放大多少倍都清晰锐利,打印效果极佳;图形尺寸自动适配 Word 页面宽度,无需手动调整。

支持哪些 Mermaid 图表类型?

  • Flowchart(流程图):最适合业务逻辑、决策树展示。
  • Sequence Diagram(时序图):展示系统交互、API 调用顺序的首选。
  • Gantt(甘特图):项目排期、进度管理的标准图表。
  • Class Diagram(类图):面向对象设计的结构展示。

体验 Mermaid 流程图完美导出

代码变高清矢量图,一键嵌入 Word

了解 Markdown 转 Word 功能