怎么把 Mermaid 图放进 draw.io 继续编辑?
约 3 分钟 · 更新于 2026-09-13
在「下载」菜单里选「导出 .drawio」,用 draw.io 打开后双击图形还能继续改 Mermaid 代码。反过来,draw.io 文件里的 Mermaid 图形也能拖进来取回源码。
一句话答案
「下载 PNG」旁边的 ▾ → 「导出 .drawio」。生成的文件用 draw.io 打开就是一个 Mermaid 图形,双击它能继续改代码——因为导出用的正是 draw.io 自己插入 Mermaid 时的那种结构,源码存在图形的属性里。
反过来也行
draw.io 里画的图,如果里面有 Mermaid 图形,把 .drawio 或 .drawio.svg 文件用顶栏「打开文件」拖进来(或者直接粘贴文件内容),里面所有 Mermaid 源码都会被取回;有多张时让你挑一张。
压缩过的和没压缩的 draw.io 文件都能读。
什么时候值得走这一趟
- 团队的图都在 draw.io / ProcessOn 里,要把 AI 生成的这张并进去
- 需要在图旁边加自由摆放的批注、外框、图例——那是画布类工具的强项
- 只是想拖着摆一摆:不用绕 draw.io,顶栏「画布」可以直接把当前图转进内置的自由画布
一个要知道的边界
转进 draw.io(或内置画布)之后,那边的手动改动不会回写到这里的代码。代码始终是这边的真相源,所以顺序建议是:先在这里把结构改对,再导出去做最后的排版。
试一下
flowchart LR
A[需求池] --> B[本期范围]
B --> C[设计]
C --> D[开发]
D --> E[发布]
E --> F[复盘]
F --> A在编辑器里打开打开后可以改文字、换主题、下载 PNG / Word / PPT。