应将容器高度模式设为“Hug contents”,并检查约束、文本图层高度及Auto Layout结构:一、在属性面板Height下拉菜单中选择Hug contents;二、Vertical constraint改为Top only,禁用Clip content;三、文本图层Height设为Auto height,行高用Auto或相对单位;四、必要时移除并重建Auto Layout。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

如果您在Figma中为文本图层启用了Auto Layout,但容器高度未随文字行数增加而自动扩展,则很可能是高度模式未正确设为“Hug contents”。以下是修复此问题的具体操作方法:
一、检查并启用Hug高度模式
Hug高度模式使自动布局容器的高度紧密包裹其内容,避免固定高度或撑满父容器导致的截断或空白。该模式是实现垂直方向自适应的基础设置。
1、选中已应用Auto Layout的文本容器(如包含标题或段落的Frame或Group)。
2、在右侧属性面板中,找到“Height”字段右侧的下拉菜单(默认可能显示为“Fixed”或具体像素值)。
3、点击下拉箭头,选择Hug contents选项。
4、确认文本内容在增减后,容器高度立即同步收缩或延展。
二、禁用冲突的约束与固定尺寸
当容器同时设置了Hug高度与显式约束(如顶部+底部)或固定高度时,Figma会优先执行约束逻辑,导致Hug失效。需清除干扰项以确保Hug行为生效。
1、保持该自动布局容器被选中,在属性面板中滚动至“Constraints”区域。
2、将Vertical constraint从“Top + Bottom”或“Bottom”改为Top only。
3、检查“Height”字段是否仍为“Fixed”,若是,再次点击下拉菜单并重新选择Hug contents。
4、若容器嵌套于更大Frame中,确保外层Frame未启用“Clip content”,否则超出部分将被隐藏。
三、验证文本图层自身未锁定高度
即使容器启用Hug,若内部文本图层被手动拖拽拉伸为固定高度,Auto Layout将无法动态调整其行高和换行行为,从而破坏整体响应链。
1、双击进入自动布局容器内部,选中其中的文本图层。
2、在右侧属性面板中查看“Height”字段,确认其显示为Auto height而非具体数值。
3、若显示为固定值,点击高度右侧下拉菜单,选择Auto height。
4、检查文本的“Line height”是否设为固定值(如24px),建议改用Auto或相对单位(如1.4×),以支持多行自适应。
四、重置自动布局结构
当现有Auto Layout容器出现不可预测行为(如Hug不响应、间距错乱),可能因历史操作导致内部状态异常。此时重建布局结构可彻底清除潜在冲突。
1、选中问题容器,在键盘上按Ctrl + Shift + A(Windows)或Cmd + Shift + A(macOS)移除当前自动布局。
2、确保所有子图层(含文本、图标等)处于未分组状态,且无嵌套Frame干扰。
3、重新选中全部子图层,按Shift + A添加自动布局。
4、在属性面板中,先设置主轴方向(如垂直),再将Height设为Hug contents,最后配置填充与间距。


















