Flowith画布需用分组节点框住逻辑单元、配色并默认折叠，再通过实线连接分组标题栏、虚线连接组内节点、跨组箭头落于标题栏侧边/底部来明确流向。
Flowith画布内容太多找不到重点，是因为节点散乱、层级缺失、缺乏视觉锚点，导致大脑无法快速识别关键路径和责任归属。
用分组节点框住逻辑单元
点击左侧工具栏的【分组节点】图标（方框内带+号），或按快捷键 Ctrl+G（Windows）/Cmd+G（Mac），在画布空白处拖出一个虚线框。
将语义相关的一组节点（比如“用户登录流程”下的输入校验、Token生成、跳转逻辑）全部选中→拖入该虚线框内。注意：必须先选中节点再拖入，反向操作（先画框再点选）不会自动归组。
双击分组框空白处，输入名称如「前端鉴权链路」——命名必须具体，避免用“模块1”“其他任务”这类模糊词，否则后续搜索和协作时根本起不到定位作用。
给分组添加颜色与折叠状态
选中任意分组框，在右侧属性面板中点击「填充色」，为不同职能域分配固定色系：蓝色系=后端服务，绿色系=前端交互，橙色系=第三方依赖。
勾选「默认折叠」选项，让分组初始显示为精简标题栏。这一步很关键：【不折叠的分组等于没分组】，因为展开状态下仍会遮挡其他区域，失去视觉减负效果。
鼠标悬停在已折叠分组标题栏右上角，出现「▶」图标时点击即可展开；再次点击收起。折叠/展开是即时操作，无需保存。
通过连接线明确任务流向
第一步：从主流程起点节点（如「项目启动」）出发，用实线箭头指向第一个分组标题栏顶部中心点；
第二步：在该分组内部，用虚线箭头连接各子节点，体现执行次序；
第三步：当流程跨出当前分组时，箭头终点必须落在下一个分组的标题栏侧边或底部，而非其内部任意子节点——这是为了强制保持组间接口清晰，防止逻辑缠绕。
如果发现某条连接线反复穿越多个分组边界，说明这些节点本应属于同一逻辑单元，立刻重新归组，不要靠线条长度硬撑。
