与 draw.io 互通：导出 .drawio、取回 Mermaid 源码

导出 draw.io 文件

导出菜单里选「导出 draw.io（.drawio）」。文件里是一页、一个图形：图形显示为你当前主题渲染出的图，同时带着完整的 Mermaid 源码——这正是 draw.io 自己「插入 Mermaid」时用的形态。用 draw.io（桌面版或 diagrams.net 网页版）打开后：

• 直接当图用：拖动、缩放、加连线和标注，和别的图形放在一起。
• 继续改 Mermaid：双击图形（或点图形上的编辑图标），draw.io 会打开它的 Mermaid 编辑框，改完由 draw.io 重新渲染。重新渲染用的是 draw.io 自己的引擎，配色会变成它的默认样式；想保留本站主题，就回到这里改完再导出一次。

导出的是未压缩的 XML，文本编辑器也能打开。这一格式和 PNG / SVG / Word / PPT / PDF 一样免费、不需要登录；批量 / 打包导出里也能勾上它。

从 draw.io 取回 Mermaid 源码

顶栏「打开文件」（手机在「下载」面板里的「打开文件…」）选一个 .drawio、.xml 或 .drawio.svg 文件，或者把 draw.io 文件的 XML 内容直接粘进编辑器。本站会读出文件里所有带 Mermaid 源码的图形：

• 只有一张就直接打开；有几张就列出来让你选（按页名和图类型）。
• 取得回的：在 draw.io 里通过「插入 → 高级 → Mermaid」加进去的图，以及本站导出的图——不管它在 draw.io 里显示成图片还是被转成了可编辑的图形组，源码都跟着图形保存。
• 取不回的：手工画的原生图形，以及只保留了原生图形、没有源码的内容。这些在 draw.io 里本来就没有 Mermaid 源码。
• 压缩与未压缩的 .drawio 都认；.drawio.png 暂不支持（在 draw.io 里另存为 .drawio 即可）。

读取在浏览器本地完成，文件不上传。

常见问题

在 draw.io 里重新渲染后颜色变了

draw.io 用自己的渲染器和默认配色，本站的主题只体现在导出时那张图上。要保留本站主题，就在这里改完再导出，不在 draw.io 里重新渲染。

能把 draw.io 里手画的图形转成 Mermaid 吗

不能。Mermaid 是代码，draw.io 的原生图形没有对应的代码；只有本来就是 Mermaid 的图形才带源码。