怎么把 Mermaid 图放进 draw.io 继续编辑?

在「下载」菜单里选「导出 .drawio」,用 draw.io 打开后双击图形还能继续改 Mermaid 代码。反过来,draw.io 文件里的 Mermaid 图形也能拖进来取回源码。

约 3 分钟更新于 2026-09-25

一句话答案

「下载 PNG」旁边的 ▾ → 「导出 .drawio」。生成的文件用 draw.io 打开就是一个 Mermaid 图形,双击它能继续改代码——因为导出用的正是 draw.io 自己插入 Mermaid 时的那种结构,源码存在图形的属性里。

反过来也行

draw.io 里画的图,如果里面有 Mermaid 图形,把 .drawio 或 .drawio.svg 文件用顶栏「打开文件」拖进来(或者直接粘贴文件内容),里面所有 Mermaid 源码都会被取回;有多张时让你挑一张。

压缩过的和没压缩的 draw.io 文件都能读。

什么时候值得走这一趟

  • 团队的图都在 draw.io / ProcessOn 里,要把 AI 生成的这张并进去
  • 要把这张图和别的图形、外框、图例摆在同一张画布上——那是画布类工具的强项(只是圈重点、加箭头和说明,这里预览左上角的「标注」就够了)

一个要知道的边界

转进 draw.io 之后,那边的手动改动不会回写到这里的代码。代码始终是这边的真相源,所以顺序建议是:先在这里把结构改对,再导出去做最后的排版。

试一下

flowchart LR
    A[需求池] --> B[本期范围]
    B --> C[设计]
    C --> D[开发]
    D --> E[发布]
    E --> F[复盘]
    F --> A

打开后可以改文字、换主题、下载 PNG / Word / PPT。

还想知道

其他教程

全部教程