思维导图在线制作 · 免费在线脑图

思维导图在线制作：打开就能画，中心主题向右或左右两侧展开，Tab 加子主题、Enter 加同级，拖动节点换位置，分支自动配色。左边写缩进大纲、右边同步出图，粘贴一段大纲或 Markdown 标题就生成脑图。思维导图免费导出 PNG、SVG、大纲、Markdown 与 JSON，自带读书笔记、项目计划、周计划模板。不用下载思维导图软件，草稿只存在本机，不上传。

怎么用

这是一个思维导图在线制作工具：打开就有一张示例导图「读书笔记怎么做」，直接在上面改，就能体会思维导图在线画的手感。想从空白开始，点「新建」；想要现成的骨架，在「套用模板」里选读书笔记、项目计划或周计划。全部在你自己的浏览器里完成，不上传，免费使用，不用下载任何思维导图软件。

一、用键盘飞快地加节点

先在画布上点一下（画布四周出现高亮边框，表示键盘已经交给导图），再选中一个节点：

• Tab：给选中的节点加一个子主题，并直接进入改字状态，打完字按 Enter 确认。
• Enter：在选中节点下面加一个同级主题。选中的是中心主题时，Enter 也是加子主题。
• Delete 或退格：删除选中的节点，连同它下面的所有子主题。
• F2 或双击节点：改字。改字时按 Esc 放弃修改。
• 方向键：在节点之间移动。往外走进到子主题，往回走回到父节点，上下在同一层里挪。
• 空格：折叠或展开选中节点的子主题。
• Alt＋上／下：和相邻的同级主题调换顺序。
• Ctrl+Z／Ctrl+Y：撤销、重做，最多记 100 步（Mac 上用 ⌘）。

键盘只在画布获得焦点时才生效，点到页面别处就不再拦截按键，不影响你在网页其他地方打字。手机和平板上没有键盘，选中节点后用画布上方那排按钮：加子主题、加同级、改字、删除、折叠。

二、拖动节点调整层级

按住一个节点拖到另一个节点上，目标节点的边框变成绿色时松手，被拖的节点（连同它的整棵子树）就挂到目标下面，成为它的最后一个子主题。不能拖到自己或自己的子孙上，中心主题拖不动。拖空白处是平移画布，滚轮或双指缩放，「适应屏幕」一键让整张图正好放下。

三、大纲模式：粘贴一段文字直接出图

左边的大纲栏和右边的导图是同步的，这是用思维导图在线做笔记最快的办法：

• 每行一个主题，第一行是中心主题；
• 比上一行多缩进（两个空格、四个空格或一个 Tab 都行）就是下一层；
• 行首的「-」「*」「1.」这类列表记号会自动去掉。

在大纲栏里改字、增删行，停手片刻右边就重画；在导图上操作，大纲栏也会跟着变。也可以直接粘贴 Markdown：一级标题当中心主题，二级、三级标题当下一层，标题下面的列表再往下挂。整篇读书笔记、会议记录、文章提纲贴进来，就是一张脑图。手机屏幕窄，大纲和导图分成两个标签切换。

四、布局、导出与打开

工具条上的「向右展开／左右展开」切换布局：向右展开适合层级深、内容多的图；左右展开让中心主题居中，一级分支对半分到两边，适合做汇报和海报。导出有五种：

• 导出 PNG：2 倍清晰度的图片，白底，贴进 PPT、文档、聊天都行；
• 导出 SVG：矢量图，怎么放大都不糊；
• 导出大纲：缩进文本（.txt），可以贴进任何笔记软件；
• 导出 Markdown：标题加列表，贴进 Markdown 笔记或用 Markdown 在线编辑器 继续排版；
• 导出 JSON：本页自己的格式，保留折叠状态和布局方向，以后点「打开文件」原样导回来接着改。

「打开文件」也能读 .md 和 .txt，按上面大纲的规则变成导图。

怎么看结果

颜色与形状

中心主题是深色底白字；每一条一级分支有自己的颜色（六种颜色轮换），这条分支下面所有的连线和节点边框都用同一种颜色，一眼就能看出哪些内容属于同一块。一级主题用实心色块、字比下面几层大，越往下字越小、框越轻，层级关系不用看连线也清楚。

折叠的数字

节点外侧出现一个带数字的小圆圈，表示这个节点下面收起了几个子主题（含更深的层级），点小圆圈或按空格就能展开。导出时折叠的部分在 PNG、SVG 里不画，但大纲、Markdown、JSON 里照样完整保留。

一张好的思维导图长什么样

• 每个节点只写关键词或短句：一个节点超过两行，往往说明它其实是两三个点，可以拆开。
• 一级分支最好在 3～7 条：太少说明中心主题太窄，太多说明还没归类，可以再加一层把相近的合并。
• 同一层讲同一类东西：比如一级分支按时间顺序（读之前、读的时候、读完以后），就别在中间插一个「我的感想」。
• 层级别超过四五层：太深的部分折叠起来，或者单独做一张图。

如果导图越画越乱，试试把它导出成大纲看一眼：文字形式下层级问题更容易发现。要画的是有先后顺序和判断分支的步骤，而不是从一个主题发散的要点，用 流程图在线制作 更合适。

草稿提示

状态行如果说「导图超过 500 KB，不再自动存草稿」或「浏览器不让存草稿」，说明这次的内容不会自动留下来，关页前请导出 JSON。

常见问题

思维导图和大纲有什么区别？

本质上是同一棵树的两种看法。大纲是从上往下读的文字，适合写和改；思维导图把同样的层级摊在平面上，适合看全局、找关系、讲给别人听。所以本页把两者做成同步的：在大纲里快速写，切到导图看效果。只想随手记几行字、不需要层级，用 在线记事本 更轻便。

想在导图里手绘、加箭头和插图？

本页只做标准的树形思维导图，不做自由连线和插图。想自由涂画、写写画画，用 在线画板；需要带判断和循环的步骤图，用 流程图在线制作，它用代码描述、自动排版，写法查 Mermaid 语法速查。

读书笔记用思维导图怎么做？

点「套用模板」选「读书笔记」：中心写书名，一级分支是基本信息、核心观点、印象最深的句子、我的想法、接下来要做的事。读一章填一点，读完把「核心观点」下面的内容用自己的话改写一遍，比照抄书上的句子记得牢。

做计划用思维导图有什么好处？

计划最怕漏项。把目标放中间，往外拆成「要做的几块」，每块再拆到「今天就能动手的一件事」，拆不下去的地方就是还没想清楚的地方。「项目计划」和「周计划」两个模板就是这种拆法的骨架。

原理与冷知识

思维导图从哪来

把想法画成从中心向外发散的树状图，这种做法古已有之，但「思维导图」（Mind Map）这个名字和一整套画法，是英国人托尼·博赞在 20 世纪 70 年代推广开来的。他主张中心放主题、分支用关键词、不同分支用不同颜色，让图像和颜色帮助记忆。中文里常说的「脑图」就是它的俗称。

本页的排版方法

导图用的是经典的「按子树高度排」：先算出每个节点连同它展开的所有子孙一共要占多高，每个节点就占一条和它整棵子树一样高的横带，子主题在这条带里从上往下码，父节点竖向对准子主题块的正中。同一个父节点下的子树横带首尾相接，所以整张图天然不会重叠，单元测试里专门拿模板和 500 个节点的大图核过。左右展开时，一级分支按子树高度对半分，前一半放右边，后一半放左边，两边大致一样高。

节点宽度怎么定

节点框的宽度按文字估算：一个汉字算一个字号宽，英文字母大约半个多。一行超过上限就自动折行，英文尽量在空格处断。所以无论写长写短，框都刚好包住文字，连线也总是从框边出发。