Mermaid 在线渲染：粘贴 AI 回复，导出 Word、PPT、PNG
在豆包、DeepSeek、Kimi、元宝里让它画流程图，拿到的往往是一段 Mermaid 代码。把回复整段粘贴到下面，图搭子会自动识别其中的代码、渲染成图，免登录导出 PNG、SVG、PDF、Word、PPT。
免费 · 免登录 · 无水印 · 图表内容不上传
三步出图
- 第 1 步
在 AI 里要一段代码
对你常用的 AI 助手说「请用 Mermaid 代码画一张××图」。按图类型写清楚语法关键字，回复能直接渲染的比例高得多。
- 第 2 步
整段复制，粘贴进来
点回复下方的「复制」整段复制即可，不用手动剥代码块，前后的说明文字会自动忽略。粘贴后 0.5 秒内出图。
- 第 3 步
选主题，下载
六套主题即时切换。点「下载 PNG」，或展开菜单选 SVG、PDF、Word、PPT，也可以直接复制到剪贴板。
粘贴来源与导出格式
粘贴来源（实测）
豆包、DeepSeek、Kimi、元宝网页端「复制」按钮复制出来的整段回复。三种形态都能识别：带 mermaid 标记的代码块、无语言标记的代码块、不带代码块标记的裸代码。其他来源只要回复里有 Mermaid 代码，同样按这三种形态识别。
导出格式
- PNG（×2 / ×3，透明或带底色）、SVG
- PDF（高清位图，页面尺寸随图走）
- Word（docx）、PPT（pptx）：内嵌高清图，文末附原始代码，回来继续改
- 复制 PNG 到剪贴板，直接贴进聊天或文档
六套主题，导出与预览一致
亮色、暗色，加四套中文审美主题。预览是什么样，导出的文件就是什么样；点一张即可在编辑器里应用。
支持的图表类型
以及 ER 图、时间线、用户旅程图、象限图、Git 分支图等 Mermaid 支持的其他类型。
免费与本地处理
- 渲染与全部格式导出（PNG、SVG、PDF、Word、PPT）：免费、免登录、无水印、不限次
- 图表内容不上传：渲染与导出都在你的浏览器本地完成
- 自动保存在本机，刷新不丢，下次打开自动恢复
- AI 修复是可选项：只有你点击时，当前代码才会发送给 AI 引擎处理一次，不存储；免费额度每天 5 次
常见问题
- Mermaid 代码从哪里来？
- 在你常用的 AI 助手里说「请用 Mermaid 代码画一张××图」，把它的回复整段粘贴到图搭子即可，会自动识别其中的代码。上面「三步出图」里有可复制的提示词模板。
- 支持粘贴哪些 AI 的回复？
- 实测支持豆包、DeepSeek、Kimi、元宝网页端「复制」按钮复制出来的整段回复：带 mermaid 标记的代码块、无语言标记的代码块、以及不带代码块标记的裸代码都能识别，前后的说明文字自动忽略。
- 支持哪些图表类型？
- Mermaid 支持的类型都能渲染，包括流程图、时序图、类图、状态图、ER 图、甘特图、饼图、思维导图、时间线等。
- 代码报错怎么办？
- 报错会翻译成中文并标出行号，点「跳到第 N 行」直接定位修改，修好前预览会保留上一次成功的图。也可以点报错条里的「AI 修复」：采纳前会显示改动对比并先在本地校验能否渲染，免费额度每天 5 次。
- 图表内容会上传服务器吗？
- 渲染与导出都在浏览器本地完成，图表内容不上传。只有你点「AI 修复」时，当前代码会发送给 AI 引擎处理一次，不点不发送，服务器不存储代码。
- 导出到 Word 或 PPT 后还能改吗？
- Word、PPT 里嵌入的是高清图片，不能在 Office 里双击编辑；文件末尾附了原始 Mermaid 代码，复制回图搭子改好再导出一次即可。
- 手机上能用吗？
- 可以。手机浏览器打开同样能粘贴、渲染、下载；在微信里下载受限时，点右上角「在浏览器打开」再导出。