前言

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

---

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