结构图制作
思维导图 / 甘特图 / 鱼骨图三合一,48 套版式;甘特图时间轴可拖动缩放、支持里程碑与任意改色,带手绘箭头和便签标注;节点可增删并整体联动重排,一键生成短链只读分享,导出 PNG / SVG
使用说明
做汇报最耗时的不是写字,是摆框。这个工具把思维导图、甘特图、鱼骨图放进同一个画布:左侧工具栏点一下换种类、再选版式,右边立刻出图,剩下的靠拖。
共 48 套版式,每族 16 套。思维导图:中心发散、右向逻辑树、组织架构树、环形拆解、三层拆解、时间轴路线图、优先级矩阵、金字塔、八向全景、括号图、循环闭环、箭头流程、洋葱分层、左右对比、漏斗筛选、SWOT 矩阵。甘特图:月度总控、周排期、PDCA 计划/实际双线、跨部门泳道、季度节奏、里程碑节点、人力负载、阶段门、90 天冲刺、产品路线图、日排程、热力负载、多级阶段、计划实际分栏、箭头依赖、日历视图。鱼骨图:经典六骨、5M1E、时间序归因、逆序复盘、八骨全维、4M1E 精简、原因+对策、竖向鱼骨、重点标注、五问法、树状展开、表格归因、放射鱼骨、5W1H、八骨全维 II、加权评分。
甘特图上方的时间轴本身就能操作,跟 thinkcell 一个路子:拖左右两端是缩放时间跨度(看季度还是看一周),拖中间是整体平移(往前翻往后翻),鼠标停在刻度上会浮出具体日期。任务条左右平移就是改日期,拖两端圆点改开始和结束,在刻度区拖一段区间能直接套到选中的任务上;「今天」那条竖线也能拖,拖到哪天,所有任务条的完成度就按新日期重算。里程碑单列一层:时间点画三角或菱形标记,点中就能改名称、改日期、改形状和颜色,增删都行。
图上还能直接加标注:手绘箭头(多段平行笔触,粗糙的马克笔质感)、便签(黄色小纸条带投影,能写两三行)、圈选重点。箭头和便签都当独立图层存,换主题、改布局都不会丢,用来给没有时间轴的位置补文字说明正合适。
元素数量不再写死:思维导图的分支、鱼骨的骨、甘特的任务行,都能右键或从右侧面板加同级、加下级、删掉,删完整个图自动重新排版——框大小、连线位置、整体尺寸一起跟着变,不用手动挪。
其余编辑手感按画图软件做:节点能拖,靠近别的节点或中线 6px 会吸附并画出红色对齐线;空白处拖拽框选、Shift 点选多个,然后一键左/中/右/顶/底对齐和等距分布;双击任意文字直接改,不用回表格找;任意块的填色、描边、字色、字号、虚线、圆角可单独改,也能一键还原成主题色。
做完想发给同事看,点「分享」生成一条短链(8 位码,30 天有效),对方打开就是只读页面,能看能下载 PNG/SVG,但改不了你的图。
六套配色、四档缩放、Ctrl+Z 撤销 60 步、每套版式各自记住你改过的东西。导出 PNG(2× / 3×)和 SVG(拖进 PPT、WPS 不失真)。
✏️ 默认纯前端:布局计算、拖动、导出都在你的浏览器里完成,内容只存本地,不上传。只有你主动点「分享」时,才会把这一份图传到本站生成短链(30 天后自动失效)。
常见问题
拖拽是干嘛用的?
自动排版已经排好了,拖拽是为了微调——比如某条文字和旁边的块靠太近,拉一下就行。靠近别的节点边缘或中线 6px 内会自动吸附,并画一条红色对齐线告诉你贴到了什么位置。甘特图里的任务条不一样:左右拖是改工期日期,拖两端圆点是改开始或结束。
甘特图怎么改工期和进度?
点一下任务条选中,左右两端会出现圆点:拖左端改开始时间、拖右端改结束时间、拖条形中间整体平移(工期不变),全部按天吸附。想一次改到某段区间,先在刻度区拖出那一段,再点选任务条拖一次就套上了。进度不用手填——把「今天」那条红线拖到某天,所有任务条的完成度会按(今天−开始)÷(结束−开始)自动重算。时间不够摆不下时,用顶部「视窗」工具拖两端缩放、拖中间平移即可。
改完的日期会不会和文字对不上?
不会。任务条右边那行日期是跟着条走的,拖完立刻更新,导出 PNG/SVG 也是更新后的。
怎么一次调整多个块?
在画布空白处按住拖出一个框就是框选;或者按住 Shift 逐个点。选中 2 个以上可以左/中/右/顶/中/底对齐,选中 3 个以上可以水平或垂直等距分布。
改错了能撤回吗?
能,Ctrl+Z 撤销、Ctrl+Shift+Z 复原,最多 60 步;顶部工具栏也有 ↶ ↷ 按钮。「整理」按钮会把当前版式恢复成自动排版。
文字怎么改?
双击任何一个节点或文字,直接在原地输入,回车确认、Esc 取消。每套版式各存一份,来回切换不会互相覆盖。
导出什么格式好?
要插进 PPT、Word 用 PNG(2× 够用);要放大印刷或还想在软件里改文字用 SVG,拖进 WPS / PPT / Figma 都是矢量的,不失真。
有没有现成的模板可以直接看?
有。每套版式都有一页静态示例和说明,从工具页左侧列表下方或站点地图进去都能看到,看中了再回工具里改。
这几种图分别什么时候用?
要讲清一件事由哪几部分组成用思维导图;要讲清谁在什么时候做什么用甘特图;要讲清一个问题为什么发生用鱼骨图。
数据会上传吗?
默认不会。布局、拖动、导出都在浏览器里算,内容存在本机 localStorage。只有你点「分享」生成短链时,才会把这一份图的数据上传到本站(30 天自动过期),别人拿到链接只能只读查看。
甘特图上方的时间轴能干什么?
能缩放和平移。把鼠标移到刻度条上,左右两端会冒出把手:拖左端改起始日期、拖右端改结束日期,跨度就从几个月收到一两周,反之放大也能看全年;拖中间空白处就是整体往前/往后平移,不改变跨度。鼠标停在刻度上还会浮出那一天的完整日期和星期,方便对着日历报时间。
怎么加里程碑、怎么改颜色?
甘特图版式上方有「+里程碑」按钮,点一下在当前视图中间加一个;点中里程碑,右侧面板能改名称、日期、形状(三角/菱形/星形)和颜色。普通块也一样:选中后右侧面板可以改填色、描边、字色、字号、虚线和圆角,点「还原」就回到版式自带的主题色。
怎么加手绘箭头和便签?
左侧工具栏切到「箭头」或「便签」,然后在画布上拖一下:箭头从起点拖到终点,便签拖出大小后会弹出输入框,写完回车。便签右下角能拉伸大小、按住能拖位置,选中后可改颜色、字号、倾斜和文字。它们都是独立图层,换主题、改版式都不会被冲掉。
元素数量是固定的吗?能加能删吗?
不固定。思维导图的分支和叶节点、鱼骨的骨、甘特的任务行,都能从右侧面板「加同级 / 加下级 / 删除」,或用快捷键操作。删掉或加完,整张图会重新排版:框的宽高、连线落点、画布尺寸一起联动,不需要你手动去挪位置。
怎么把做好的图发给别人?
点顶部「分享」,会生成一条 8 位短码的链接(30 天有效)。对方打开是只读页面,能看、能下载 PNG/SVG,也能点「我也做一张」自己改一份,但改不到你的原图。要长期用还是建议导出 PNG 或 SVG 存本地。