前言

Mermaid 是目前最流行的文本绘图语言,GitHub、Notion、Typora 都原生支持。但 Mermaid 有一个痛点:导出的图片不可编辑

如果你需要在论文、技术文档、项目方案中使用这些图,往往还需要在 Visio 里重新画一遍。

本文介绍一种方法:直接将 Mermaid 代码转换为 Visio (.vsdx) 可编辑文件,支持流程图、时序图、状态图、ER图等多种图类型。

支持的图类型

图类型 Mermaid 关键字 支持状态
流程图 flowchart / graph
时序图 sequenceDiagram
状态图 stateDiagram-v2
ER图 erDiagram
甘特图 gantt
类图 classDiagram
C4架构图 C4Context
饼图 pie

使用方法

方法一:在线转换(推荐)

工具地址:https://www.aitoword.cn/或https://www.aitoword.cn/mermaid-to-visio

步骤:

  1. 粘贴 Mermaid 代码到输入框

  2. 点击「转换为 Visio」

  3. 下载 .vsdx 文件

  4. 用 Visio 打开编辑

方法二:配合 AI 使用

  1. 告诉 deepseek / kimi/豆包/文心一言等AI工具:

    "帮我画一个用户登录流程图,用 Mermaid flowchart 格式"

  2. AI 会生成类似这样的代码:

flowchart TD
    A[用户访问登录页] --> B[输入账号密码]
    B --> C{验证是否通过?}
    C -->|是| D[生成Token]
    D --> E[跳转首页]
    C -->|否| F[显示错误信息]
    F --> B
  1. 复制到转换工具 → 下载 Visio 文件

实战示例

示例1:软件部署流程图
Mermaid 代码:

flowchart TD
    A[代码合并到main] --> B[触发CI/CD]
    B --> C[构建Docker镜像]
    C --> D[推送到镜像仓库]
    D --> E{环境选择}
    E -->|测试环境| F[部署到测试服务器]
    E -->|生产环境| G[人工审批]
    G --> H[部署到生产服务器]
    F --> I[自动化测试]
    I -->|通过| G
    I -->|失败| J[通知开发者]

转换结果:
 

示例2:数据库 ER 图

Mermaid 代码:

erDiagram
    USER {
        int id PK
        string username
        string email
        datetime created_at
    }
    ORDER {
        int id PK
        int user_id FK
        decimal total_amount
        string status
    }
    PRODUCT {
        int id PK
        string name
        decimal price
    }
    USER ||--o{ ORDER : "下单"
    ORDER ||--|{ PRODUCT : "包含"

转换结果:

转换后的 Visio 文件特点

  • 所有元素可编辑:节点、连线、文字都可以单独修改

  • 保持结构关系:连接关系在 Visio 中保持不变

  • 支持样式调整:颜色、字体、线条粗细都可以改

  • 兼容性好:.vsdx 格式兼容 Visio 2013 及以上版本

常见问题

Q:转换后布局不满意怎么办? A:Visio 中可以自由拖拽节点位置,也可以使用 Visio 的自动布局功能重新排列。

Q:支持子图(subgraph)吗? A:支持。Mermaid 的 subgraph 会转换为 Visio 中的分组。

Q:免费吗? A:每天有免费使用次数,满足日常需求。

总结

Mermaid + Visio 的工作流:

  1. AI 生成 Mermaid 代码(最快)

  2. 在线转换为 .vsdx(最方便)

  3. Visio 中微调样式(最灵活)

这种方式特别适合需要频繁修改图表的场景,比手动画图效率提升 5-10 倍。

👉 工具地址: https://www.aitoword.cn/或https://www.aitoword.cn/mermaid-to-visio


如果对你有帮助,请点赞收藏。技术交流欢迎评论区留言。

Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐