当前位置：首页 > news >正文

Mermaid 转 Visio 完整教程：流程图、时序图、状态图一键导出可编辑 .vsdx 文件

news 2026/4/13 11:05:07

前言

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

步骤：

粘贴 Mermaid 代码到输入框
点击「转换为 Visio」
下载 .vsdx 文件
用 Visio 打开编辑

方法二：配合 AI 使用

告诉 deepseek / kimi/豆包/文心一言等AI工具：
"帮我画一个用户登录流程图，用 Mermaid flowchart 格式"
AI 会生成类似这样的代码：

flowchart TD A[用户访问登录页] --> B[输入账号密码] B --> C{验证是否通过？} C -->|是| D[生成Token] D --> E[跳转首页] C -->|否| F[显示错误信息] F --> B

复制到转换工具 → 下载 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 : "包含"

转换结果：