思维导图

工具介绍

在线思维导图工具让你用最熟悉的「写文字」方式快速生成结构清晰的脑图。无需拖拽、不必学习复杂软件,只要在左侧输入 Markdown 标题、无序列表,或用 Tab、空格缩进表示层级,右侧就会实时渲染出一棵可折叠的思维导图——非常适合整理读书笔记、梳理项目大纲、拆解需求结构与准备演讲提纲。

工具自实现了递归布局算法:先计算每棵子树的高度,再让父节点垂直居中于它的所有子节点,节点之间用平滑的贝塞尔曲线连接,并按层级自动着色,层次一目了然。你可以点击节点上的圆点折叠或展开任意分支,布局会即时重排;还能切换「右展」与「左右平衡」两种方向,并用滑块调节节点间距与层级间距,让导图疏密随心。

所有解析、布局与导出都在浏览器本地完成,内容不会上传到任何服务器,处理敏感大纲也安心。完成后可一键下载 SVG 矢量图、导出 2 倍分辨率 PNG 位图,或复制 SVG 源码直接嵌入网页、文档与代码,真正做到「写完即用」。

使用方法

1. 在左侧文本框输入内容:用 Markdown 标题(#、##)、无序列表(-、*),或用 Tab / 空格缩进表示父子层级。
2. 右侧会实时渲染思维导图,根节点在左、子节点逐级向右展开;可在控制栏切换「右展 / 左右平衡」布局。
3. 点击任意节点上的圆点可折叠或展开其子树,折叠后布局会自动重排;也可一键「全部展开 / 折叠」。
4. 拖动「节点间距」「层级间距」滑块调节疏密;输入空行、混排标题与列表、缩进不规整都会被容错处理。
5. 点击「下载 SVG」得到矢量图,「下载 PNG」导出位图,或「复制 SVG 源码」直接粘贴进文档与代码。

常见问题

支持哪些输入格式?

同时支持三种写法并可混排:Markdown 标题(# 一级、## 二级……)、无序列表(-、*、+ 开头),以及纯缩进大纲(用 Tab 或空格的缩进深度表示父子关系)。空行会被忽略,缩进不规整也会按相对深度尽量容错,不会因此崩溃。

我的内容会上传到服务器吗?

不会。解析、布局计算与 SVG/PNG 导出全部在你的浏览器本地完成,文本不会发送到任何服务器,可放心整理含敏感信息的提纲与笔记。

怎么导出思维导图?

提供三种方式:下载 SVG(矢量,可无限放大、可二次编辑)、下载 PNG(位图,以 2 倍分辨率光栅化,适合直接插入文档或聊天),以及复制 SVG 源码后粘贴到网页或编辑器中使用。

节点折叠有什么用?

点击节点旁的圆点可折叠其下整棵子树,折叠后该分支隐藏且整体布局立即重新排布,适合在大纲较长时聚焦某一分支;再次点击或用「全部展开」即可恢复。

它能替代专业脑图软件吗?

本工具定位是「文本驱动、即写即得」的轻量在线导图,擅长把大纲、笔记、提纲快速可视化并导出。它不提供拖拽编辑、主题样式、协作云存储等重型功能,需要复杂排版时建议导出后再用专业软件加工。

相关工具