Figma自动布局异常多因尺寸模式（Fixed/Hug）冲突所致：需检查容器模式图标、禁用Hug下子图层的Fill container、父Frame约束与Fixed尺寸互斥、文本启用Auto height、精简嵌套自动布局层级。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
如果您在Figma中启用自动布局后，发现组件在内容变化或尺寸调整时发生意外拉伸、错位或截断，很可能是由于自动布局的尺寸模式（Fixed与Hug）与其他约束或父容器行为产生冲突。以下是定位与修复该问题的操作路径：
一、识别当前自动布局的尺寸模式
自动布局容器的宽度和高度默认采用两种行为模式：Fixed（固定尺寸）和Hug（贴合内容）。当二者被错误组合，或与嵌套图层的约束叠加时，会触发不可预期的形变。例如，一个设置为“Hug Width”但内部子图层设置了“Left + Right”水平约束的容器，将因逻辑矛盾而强制撑开或压缩。
1、选中目标自动布局容器，在右侧属性面板中查看“Width”与“Height”字段右侧的图标。
2、若显示为方块图标，则为Fixed模式；若显示为两个向内收缩的箭头，则为Hug模式。
3、重点检查：同一方向上是否同时存在Hug与Fixed的混合依赖——例如父容器设为Hug Width，但其直接子图层启用了“填充容器”且未设最小/最大宽度限制。
二、排查子图层“填充容器”与Hug模式的互斥关系
当自动布局容器设为Hug Width时，其宽度由内部所有子图层的固有宽度与间距共同决定；此时若某个子图层被设为“填充容器”，Figma将尝试让该图层占据全部可用宽度，但Hug模式下并无“可用宽度”这一确定值，从而导致计算冲突并引发布局抖动或溢出。
1、逐一选中自动布局内的子图层，展开宽度设置栏。
2、检查是否勾选了“Fill container”选项。
3、若容器为Hug Width，必须禁用任何子图层的“Fill container”；反之，若需使用“Fill container”，则容器宽度必须设为Fixed或设为“Fill container”本身。
三、解除Fixed尺寸与父Frame约束的反向挤压
当自动布局容器被嵌套在另一个Frame中，且该父Frame设置了如“Left + Right”类约束时，若子容器自身又设为Fixed Width，二者将形成尺寸争夺：父Frame试图拉伸子容器，而子容器坚持固定宽度，最终表现为内容被裁切、文字换行异常或图标偏移。
1、选中自动布局容器，向上逐级检查其所有父级Frame。
2、对每个父Frame，打开右侧约束面板，确认其水平与垂直约束类型。
3、若父Frame对自动布局容器施加了“Left + Right”或“Top + Bottom”约束，则子容器的Width/Height不得设为Fixed，必须改为Hug或Fill container。
四、验证文本图层的自动换行与尺寸锁定状态
文本图层在自动布局中既是内容源，也是尺寸驱动器。若其被手动锁定高度（Height locked），同时所在容器设为Hug Height，Figma将无法根据行数动态调整容器高度，造成底部内容被遮盖或空白区域异常扩张。
1、选中自动布局内的文本图层，查看右侧属性面板中的“Auto height”开关状态。
2、若显示为关闭状态（即高度被手动输入数值锁定），点击开启“Auto height”。
3、所有参与Hug Height计算的文本图层，必须启用Auto height；禁用状态下即使容器设为Hug Height，也无法响应行数变化。
五、重置嵌套层级中的冗余自动布局实例
多层嵌套自动布局易引发尺寸传递失效。常见情形是：外层卡片设为垂直Hug Height，内层按钮组也设为水平Hug Width，但按钮组内单个按钮又误设为Fixed Size，导致外层卡片无法准确汇总总高度，最终出现底部留白或内容溢出。
1、从最内层图层开始，逐层向上检查是否每层自动布局都具备明确且一致的尺寸意图。
2、对非必要层级的自动布局，右键选择“取消自动布局”以剥离干扰。
3、仅在真正需要内容驱动尺寸的位置启用自动布局；避免在已由父容器约束控制位置的静态元素上叠加自动布局。
