VibeKnow可将规范缩进或编号的纯文本自动转为可编辑树状图解。需清洗文本:统一缩进、替换全角括号、清除PPT格式;粘贴至网页端,选Tree Diagram布局,自定义颜色后导出SVG。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

想把零散的分类知识(比如产品功能模块、课程知识点体系、部门职责划分)自动转成带父子关系的层级图解,不用手动画箭头、排版、调色——VibeKnow能直接解析文本中的缩进、编号或冒号结构,生成可拖拽编辑的树状视觉图解,全程在网页端完成。
准备符合层级语义的原始文本
打开你的Word或TXT文档 → 全选内容(Ctrl+A) → 检查是否使用统一缩进(如Tab键或4空格)表示子级,或采用“1.→1.1→1.1.1”“一、→(一)→1.”等嵌套编号;若混用项目符号(●/◆)与数字编号,AI会误判为并列项而非上下级关系。
重点清理三类干扰:① 删除所有手动换行符(Shift+Enter),替换为段落标记;② 将中文全角括号“()”“【】”批量替换成英文半角“()”“[]”,否则系统无法识别“1.1.1 核心模块”这类编号结构;③ 若原文来自PPT复制,必须先点击「开始」→「清除所有格式」→ 再用Tab键重建缩进层级,因为PPT自带的字体缩放+颜色强调会破坏语义识别逻辑。
这一步跳过,后续生成的图解会出现平铺无层级、父子关系错位、节点数量异常减少等问题。
上传文本并触发层级图解生成
访问 vibeknow.com → 点击首页中央【Paste Text】按钮 → 在弹出框中粘贴已清洗的纯文本 → 点击「Confirm」。
注意:【切勿使用「Upload Document」上传DOCX文件】,该入口默认启用视频脚本生成模式,会强制插入画面节点与语音节奏控制,反而屏蔽纯层级图解输出选项。
上传后页面右上角出现蓝色进度条,显示“Analyzing structure…”;此时系统正在做两件事:一是识别缩进深度与编号嵌套规则,二是将每层文本映射为图解中的节点层级。整个过程约8~12秒,【切勿在此期间关闭标签页或切换浏览器窗口】,否则结构解析中断,需重新提交。
在预览页调整层级图解样式
生成完成后,页面自动展开「Visual Settings」面板 → 点击顶部「Tree Diagram」标签 → 进入图解编辑界面。
方法一:切换布局类型
在“Layout”下拉菜单中选择「Hierarchical」(垂直树状)或「Radial」(放射状),前者适合展示清晰的上下级归属,后者适合呈现根节点发散式关联;若选择「Force-Directed」,节点位置将动态浮动,不推荐用于汇报类场景。
方法二:自定义节点外观
点击任意节点 → 右侧弹出属性栏 → 修改「Fill Color」和「Text Size」;注意:根节点建议用深蓝(#2563EB),子节点用浅灰(#94A3B8),这样能强化视觉层级感,避免信息扁平化。
方法三:导出为可编辑矢量图
点击右上角【Export】按钮 → 选择「SVG」格式 → 下载后可用Illustrator或Figma进一步调整连线粗细、添加图标或嵌入品牌LOGO;该SVG保留全部节点ID与层级关系,支持代码级二次开发。


















