Zolkit

思维导图

使用 Mermaid 语法在线创建思维导图,可视化想法和知识结构,支持导出 SVG/PNG。

预览

在左侧输入 Mermaid 代码以查看预览

思维导图(Mind Map)以中心主题为起点,通过树状结构展开相关概念和子主题,是头脑风暴、知识整理和学习规划的常用可视化工具。Mermaid 的 mindmap 语法采用缩进来表示层级关系,支持多种节点形状(圆形、圆角矩形、方形、六边形、云形)和图标标注。与 XMind 或 MindMeister 等专业思维导图工具相比,Mermaid 思维导图的优势在于纯文本、可版本控制,适合嵌入技术文档或 README。典型应用场景:产品功能规划、技术选型对比、学习路径设计、会议纪要结构化整理等。对于习惯在命令行或代码编辑器中工作的开发者,Mermaid 思维导图是高效的轻量级替代方案。

为什么选择 Zolkit Mermaid 图表生成器?

Zolkit Mermaid 图表生成器是一款纯浏览器工具,无需注册账号、无需安装插件,代码即图,所见即所得。支持 10 种 Mermaid 图表类型,从软件架构图到项目计划甘特图,一键导出 SVG 矢量图或 PNG 位图,满足文档、演示和代码仓库的各种需求。

实时预览

边输入边渲染,无延迟反馈,帮助你快速验证图表语法。

10 种图表类型

支持流程图、时序图、类图、ER 图、甘特图、状态图、思维导图、Git 图、饼图和时间线。

导出 SVG 和 PNG

SVG 无损缩放,PNG 适合截图插入文档,满足不同使用场景。

内置代码示例

每种图表类型均内置可运行示例,一键加载,快速上手。

完全在浏览器中运行

代码和图表数据不离开你的设备,无隐私泄露风险。

免费无限制使用

无需注册,无使用次数限制,随时随地使用。

如何使用

  1. 1

    在左侧代码框中输入或粘贴 Mermaid 语法,右侧即时显示图表预览。

  2. 2

    点击「加载示例」快速获取各图表类型的标准代码模板。

  3. 3

    图表满意后,点击「导出 SVG」或「导出 PNG」保存图表,或点击「复制 SVG」直接粘贴到你的项目中。

常见问题

如何设置不同的节点形状?

在节点文本外包裹不同符号:双括号 (( )) 为圆形,方括号 [ ] 为方形,括号 ( ) 为圆角矩形,双尖括号 {{ }} 为六边形,)) 结尾为云形。

思维导图支持几层嵌套?

Mermaid 思维导图理论上支持任意深度嵌套,但建议控制在 4-5 层以内,过深的层级会导致布局拥挤、可读性下降。

可以在节点中添加图标吗?

支持使用 ::icon(名称) 语法添加 Font Awesome 图标,例如 ::icon(fa fa-book),但图标显示需要在渲染环境中加载 Font Awesome 字体。

思维导图适合替代 XMind 吗?

对于需要与代码仓库集成、支持版本控制的场景,Mermaid 是更好的选择。如果需要丰富的格式、拖拽交互或协作功能,XMind 或 Miro 等专业工具更合适。