类图
使用 Mermaid 语法在线创建 UML 类图，展示类的属性、方法和继承关系，支持导出 SVG/PNG。
在左侧输入 Mermaid 代码以查看预览
类图（Class Diagram）是面向对象软件设计的核心 UML 图表，用于描述类的结构（属性与方法）以及类之间的关系（继承、实现、关联、聚合、组合和依赖）。Mermaid 的 classDiagram 语法支持完整的 UML 类图元素：用 + 表示公有成员、- 表示私有、# 表示受保护，用 <|-- 表示继承、<.. 表示实现、-- 表示关联。在领域驱动设计（DDD）、代码重构和技术文档撰写中，类图能帮助团队快速理解代码结构。与其他绘图工具相比，Mermaid 类图以文本定义，可提交到代码仓库与代码共同维护，是编写活文档（living documentation）的理想选择。
为什么选择 Zolkit Mermaid 图表生成器？
Zolkit Mermaid 图表生成器是一款纯浏览器工具，无需注册账号、无需安装插件，代码即图，所见即所得。支持 10 种 Mermaid 图表类型，从软件架构图到项目计划甘特图，一键导出 SVG 矢量图或 PNG 位图，满足文档、演示和代码仓库的各种需求。
实时预览
边输入边渲染，无延迟反馈，帮助你快速验证图表语法。
10 种图表类型
支持流程图、时序图、类图、ER 图、甘特图、状态图、思维导图、Git 图、饼图和时间线。
导出 SVG 和 PNG
SVG 无损缩放，PNG 适合截图插入文档，满足不同使用场景。
内置代码示例
每种图表类型均内置可运行示例，一键加载，快速上手。
完全在浏览器中运行
代码和图表数据不离开你的设备，无隐私泄露风险。
免费无限制使用
无需注册，无使用次数限制，随时随地使用。
如何使用
- 1
在左侧代码框中输入或粘贴 Mermaid 语法，右侧即时显示图表预览。
- 2
点击「加载示例」快速获取各图表类型的标准代码模板。
- 3
图表满意后，点击「导出 SVG」或「导出 PNG」保存图表，或点击「复制 SVG」直接粘贴到你的项目中。