一篇文章掌握Mermaid，让Deepseek大模型自动帮你画图！

摘要：在日常的工作与学习中，我们经常需要通过图形化的方式表达信息，比如制作流程图、架构图、时序图等。然而，对于非专业设计人员来说，使用Visio、Draw.io这类工具虽然功能强大，但操作门槛较高，且不够轻便。

在日常的工作与学习中，我们经常需要通过图形化的方式表达信息，比如制作流程图、架构图、时序图等。然而，对于非专业设计人员来说，使用Visio、Draw.io这类工具虽然功能强大，但操作门槛较高，且不够轻便。

有没有一种方式，只需写几行代码，就能自动生成各种图表？答案是：有！这就是今天要给大家介绍的——Mermaid。

MermAId 是一个基于文本生成图表的开源项目，支持多种图表类型，包括流程图、时序图、甘特图、饼图、思维导图等。更重要的是，它已经集成到了很多平台和工具中，比如 Typora、Obsidian、VS Code插件、Notion（部分支持）以及 DeepSeek 这类大模型中。

接下来，我们就来系统地了解 Mermaid 的基本语法，并通过实际案例演示如何用它快速生成各类图表。让你真正实现“一句话描述需求，AI 自动生成图表”的高效体验！

Mermaid是一个用 Markdown 风格语法来定义图表的 JavaScript 库。你可以把它理解为一种“可视化编程语言”，只不过它不是用来控制计算机，而是用来告诉该画什么样的图表。

它的核心优势在于：

图表类型适用场景流程图（Flowchart）展示业务流程、逻辑判断、数据流向等时序图（Sequence Diagram）描述对象之间的交互顺序类图（Class Diagram）表达面向对象的设计结构状态图（State Diagram）展示状态之间的转换关系甘特图（Gantt Chart）项目管理中的时间安排饼图（Pie Chart）数据占比展示思维导图（Mindmap）知识整理、创意发散

接下来我们以最常见的几种图表为例，看看 Mermaid 是怎么工作的。

我们想绘制一个用户注册流程图，包含以下几个步骤：

用户填写注册信息系统验证邮箱格式若格式错误，提示错误并返回若格式正确，发送验证码用户输入验证码验证码正确则注册成功，否则失败

对应的 Mermaid 代码如下：

这段代码会在支持 Mermaid 的编辑器或 AI 工具中渲染出一个完整的流程图，逻辑清晰、层次分明。

如果你熟悉语法，可以直接在支持 Mermaid 的编辑器中编写代码。推荐以下工具：

Typora（Markdown 编辑器）Obsidian（知识管理工具）VS Code + Mermaid 插件Mermaid Live Editor（在线编辑器）

现在越来越多的大模型平台（如 DeepSeek、通义千问、文心一言等）都集成了 Mermaid 图表生成功能。你只需要用自然语言描述你的图表需求，AI 就会为你生成对应的 Mermaid 代码。

例如，你可以这样对 DeepSeek 提问：

“请帮我画一个用户登录的时序图，包括用户、前端界面、后端服务器三个角色，流程是：用户输入账号密码 → 前端提交请求 → 后端验证身份 → 返回登录结果。”

AI 会自动生成类似以下的代码：

然后生成对应的图片

是不是非常方便？从此告别复杂绘图软件，效率翻倍！

Mermaid 支持四种方向设置：

TB：从上到下（Top to Bottom）BT：从下到上（Bottom to Top）LR：从左到右（Left to Right）RL：从右到左（Right to Left）

例如：

graph LRA --> BB --> C

可以通过添加类名来自定义节点样式，比如颜色、形状等：

classDef default fill:#f9f,stroke:#333;classDef success fill:#cfc,stroke:#000;graph TDA[开始] --> B[执行操作]B --> C{是否成功}C -- 是 --> D[结束]C -- 否 --> E[重试]class D successclass E default

对于复杂系统，可以用子图进行模块划分：

graph TBsubgraph 模块Aa1-->a2endsubgraph 模块Bb1-->b2enda2 --> b1

Mermaid 不仅适合技术人员使用，在职场办公、教育、写作等多个领域也大有用武之地：

✅技术文档撰写

开发人员在写 API 接口文档、系统架构说明时，用 Mermaid 可以快速生成结构图、调用流程图。

产品经理可以用 Mermaid 快速绘制原型流程图、用户行为路径图，提升沟通效率。

教师或讲师可以用 Mermaid 制作课程知识点的思维导图、概念图，帮助学生理解。

用甘特图规划个人学习计划、用流程图梳理决策过程，都是不错的实践方式。

在这个信息爆炸的时代，能够清晰、高效地表达自己的想法是一项极其重要的能力。而 Mermaid 正是这样一个工具——它不仅降低了图形化表达的技术门槛，还让我们可以把更多精力放在内容本身上。

更重要的是，随着 AI 工具的发展，像 DeepSeek 这样的大模型已经可以帮我们自动生成 Mermaid 图表代码。你只需要说出你的想法，剩下的就交给 AI 和 Mermaid。

从今天起，尝试用 Mermaid 来记录你的思考、表达你的观点吧！你会发现，原来图表也可以这么简单又优雅。

互动话题：你在工作中最常遇到哪种类型的图表需求？你会尝试用 Mermaid 或 AI 工具来自动生成吗？欢迎留言交流！