图搭子

怎么把 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。

打开编辑器试试

其他教程

全部教程找具体问题的答案?去帮助中心