Figma UI3的Tidy Up功能可自动整理散乱图层:一、框选同级图层→右键选Tidy Up,默认水平排列、8px间距;二、属性面板可调方向、间距、对齐网格;三、悬停浮层快捷触发,智能识别邻近图层并支持即时撤销。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

如果您在Figma UI3新版本中面对大量散落、重叠、尺寸不一的图层,手动对齐耗时且难以保持视觉一致性,则可能是由于缺乏结构化整理机制。以下是利用多选后触发的「整理建议」(Tidy Up)功能自动整理文件的具体操作步骤:
一、框选目标图层并调用Tidy Up整理建议
Tidy Up是Figma UI3内置的智能图层空间分析工具,仅对当前选中的同级图层生效,可基于尺寸、类型与相对位置自动识别逻辑分组,并按网格或线性结构重新排列。该功能要求图层未被嵌套于Auto Layout容器内,以确保原始空间关系可被准确解析。
1、按住Shift键,用鼠标拖拽框选画布中所有需整理的图层(建议为同一Frame内的同级图层,避免跨Frame或深层嵌套)。
2、右键点击任意一个被选中的图层,在弹出菜单中选择Tidy Up选项。
3、图层立即执行自动重排:默认按水平方向对齐,间距统一为8px,顶部图层作为锚点保持原位,其余图层按左→右、上→下顺序依次排列。
二、通过属性面板调整Tidy Up生成的布局参数
Tidy Up默认行为适配通用场景,但可通过右侧属性面板实时修改方向、间距与对齐方式,使结果更贴合图标栅格、垂直列表或响应式卡片等特定需求。所有调整均即时生效,且不改变图层原有样式、约束或交互设置。
1、完成Tidy Up后,在右侧属性面板中定位到Tidy Up settings区域(若未显示,请确认图层仍处于选中状态)。
2、点击“Direction”下拉菜单,选择Vertical切换为垂直堆叠模式。
3、在“Spacing”输入框中输入数值(如16),调整图层间基准空白距离。
4、勾选Align to grid复选框,强制所有图层边缘吸附至当前文档的8px网格系统。
三、结合悬停浮层中的「整理建议」快捷入口快速复用
Figma UI3将高频整理操作前置至图层悬停浮层,当检测到多个图层处于非对齐状态时,会在选中图层组的右上角自动浮现「Tidy Up」建议按钮。该入口无需右键、无需框选全量图层,适合局部微调或临时补救场景。
1、将鼠标悬停于任意一个待整理图层上,观察其名称右侧是否出现蓝色Tidy Up提示按钮(图标为四向箭头+网格叠加)。
2、若按钮可见,直接点击该按钮,Figma将自动扩展识别其邻近的同类图层(如同尺寸矩形、同类型文本框),并启动Tidy Up流程。
3、整理完成后,浮层自动消失;若结果不符合预期,可立即按Ctrl+Z(Windows)或Cmd+Z(Mac)撤销操作。


















