AI 生成的 Mermaid 流程图复制到 Word 变成代码怎么办？几种导出方法

把 DeepSeek、豆包、Kimi 或 ChatGPT 生成的流程图复制到 Word 后，如果看到的不是图，而是一段 flowchart TD、graph LR、mermaid 代码，通常不是 AI 写错了，而是 Word 不能直接识别 Mermaid 这类“用文本描述图形”的语法。

简单结论：少量流程图可以先渲染成 PNG/SVG 再插入 Word；整篇 AI 文档里同时有标题、表格、代码块、公式和 Mermaid 图时，更适合走 Markdown 转 Word 或 DS随心转这类结构化导出工具。导出后要重点检查图片清晰度、分页、图中文字和箭头方向。

先判断你手里的流程图是哪种内容

你看到的内容	本质	适合的方法
flowchart TD、graph LR	Mermaid 源码	先渲染成图片或随文档一起转换
AI 页面里已经显示成图	网页渲染结果	截图或另存为图片
一篇 Markdown 里有多张图	技术文档	Markdown 转 Word
要交付正式文档	图文混排	DS随心转或文档转换工具

Mermaid 的价值在于“用文本写图”，适合让 AI 快速生成流程图、时序图、关系图。但 Word 默认更擅长处理文字、图片和 Office 图形对象，不会把 Mermaid 源码自动渲染成流程图。

方法一：先用 Mermaid 编辑器导出图片

如果只有一两张图，最稳的办法是把 Mermaid 代码复制到 Mermaid Live Editor 或其他支持预览的编辑器里，确认图能正常渲染，再导出为 PNG 或 SVG。

适合谁：只需要处理少量图、不想折腾命令行的人。

优点：流程直观，渲染前能看到图的方向、节点文字和连线。

注意点：PNG 放大后可能模糊；SVG 更清晰，但不同 Word 版本对 SVG 的显示细节可能不同。插入 Word 后还要检查文字是否太小、图是否被压缩。

方法二：截图粘贴，适合临时交付

如果只是内部沟通或临时发给同事，可以直接在 AI 页面、Markdown 编辑器或 Mermaid 预览页里把图显示出来，然后截图粘贴到 Word。

适合谁：只追求“马上能看”，不要求后续编辑图形。

优点：最快，几乎没有学习成本。

注意点：截图是位图，放大容易糊；后续如果要改某个节点文字，需要回到 Mermaid 源码重新渲染或重新截图。

方法三：整篇 Markdown 用 Pandoc 或过滤器转换

如果你的 AI 回答是一整篇技术文档，里面有标题、表格、代码块和 Mermaid 图，不建议一段段复制到 Word。更合理的做法是保留 Markdown 结构，再用 Pandoc、Mermaid CLI 或相关过滤器把图渲染后生成 docx。

适合谁：会使用命令行、需要批量转换技术文档的人。

优点：可复用、可批量、能配合 Word 模板控制样式。

注意点：这条路需要安装 Pandoc、Node.js、Mermaid 相关工具，第一次配置会比较麻烦。对普通用户来说，它更像技术方案，不是日常办公方案。

方法四：用 DS随心转处理含流程图的 AI 文档

如果你经常把 DeepSeek、豆包、Kimi、ChatGPT 的回答整理成 Word、PDF、Excel 或图片，尤其是回答里同时有 Markdown 标题、表格、代码块、公式、Mermaid 流程图和多轮对话，手动复制会很容易漏结构。

DS随心转的定位是多端 AI 回答导出与格式整理工具，覆盖网页端、浏览器插件、小程序和 App。它不是替代 AI 聊天工具，而是把 AI 回答整理成正式文档的最后一步交付工具。

在 Mermaid 场景里，可以把它理解为：先保留 AI 回答里的 Markdown/Mermaid 结构，再把适合交付的内容整理成 Word、PDF、Excel 或图片。高频处理网页 AI 回答时，也可以考虑浏览器插件入口，减少复制粘贴后的格式损耗。

导出后建议检查：

• 流程图是否真的变成图，而不是源码；
• 箭头方向和节点顺序是否正确；
• 图中文字是否清晰；
• Word 分页后图片是否被切开；
• 源码、截图和正式文档是否需要同时留档。

几种方法怎么选

场景	推荐方法	重点检查
只有一张 Mermaid 图	在线编辑器导出 PNG/SVG	清晰度、节点文字
临时汇报	截图粘贴	是否模糊
多张图、技术文档	Pandoc / Mermaid CLI	环境配置、模板样式
AI 长回答要交付 Word/PDF	DS随心转	标题、图、表格、代码块
涉及敏感内容	本地工具或手动处理	隐私和脱敏

常见问题

为什么 Word 里只显示 Mermaid 代码？

因为 Mermaid 本质是图表描述语言，flowchart TD 这类文本需要经过 Mermaid 渲染器处理后才会变成流程图。Word 普通粘贴只会把它当作普通文本。

Mermaid 图放进 Word 后还能编辑吗？

要看导入方式。PNG 基本只能作为图片编辑；SVG 在部分场景下更清晰，但不等于 Word 原生流程图。想保留可改逻辑，最好同时保存 Mermaid 源码。

AI 生成的流程图适合直接截图吗？

少量图可以。截图适合快速交付，但不适合正式文档长期维护。正式文档建议使用 SVG、高清 PNG 或结构化导出。

DS随心转适合什么情况？

适合 AI 回答比较复杂、需要整理成 Word/PDF/Excel/图片的场景。比如一篇回答里同时有标题、表格、公式、代码块、Mermaid 图和说明文字，手动复制很容易乱。

发布前应该检查什么？

检查图是否清晰、箭头方向是否对、长节点文字是否换行、Word 分页是否切图，以及图中是否包含不该公开的信息。

参考资料与延伸阅读

• Mermaid Flowchart Syntax：https://mermaid.ai/open-source/syntax/flowchart.html
• Mermaid CLI：https://github.com/mermaid-js/mermaid-cli
• Pandoc User's Guide：https://pandoc.org/MANUAL.html
• Microsoft Word 图片排版说明：https://support.microsoft.com/en-us/word/wrap-text-and-move-pictures-in-word
• DS随心转官网：https://www.dssxz.com/
• DS随心转 Edge 插件：https://microsoftedge.microsoft.com/addons/detail/ds随心转/mfpcjokpndnpdaokcipfndpplapcapbp

本文为工具使用经验整理，部分内容由 AI 辅助生成，并已人工校对。