应启用Auto Height并清除行高锁定、嵌入自动布局容器、禁用TRUNCATE模式、重置约束条件。具体包括:设高度为Auto height;行高设为Auto;文本框加入垂直自动布局且高度贴合内容;Auto resize改为Auto width/height;约束设为Top/Hug或Resize object。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

如果您在Figma中设置了固定尺寸的文本框,但输入文字后出现截断、换行异常或内容被裁切,则很可能是文本框未启用自动高度适配机制。以下是解决此问题的具体操作路径:
一、启用Auto Height文本框
启用Auto Height可使文本框高度随文字行数、字号及行高变化而动态伸缩,从根本上避免垂直方向的文字溢出。该模式适用于标题、卡片描述、列表项等需响应内容长度的场景。
1、使用文本工具(T)在画布上单击创建文本框,或选中已有文本图层。
2、在右侧属性面板的“Text”区域找到“Height”设置项,当前显示为固定像素值(如40px)或“Auto”。
3、点击高度下拉菜单,选择Auto height选项。
4、输入多行文字或调整字号,观察文本框是否自动扩展以完整包裹所有内容。
二、清除行高锁定并激活自动行高
Figma中若手动设定了具体行高数值(如24px),会覆盖自动计算逻辑,导致Auto Height失效或高度计算偏差。清除行高锁定可恢复系统对段落自然高度的识别能力。
1、选中文本框,在属性面板中定位到“Line Height”字段。
2、若当前值为数字(如24、1.5或29),点击其右侧的重置图标(↻)或直接删除数值。
3、确认该字段显示为Auto状态,此时段落将按字体度量自动推导行高。
4、再次检查文本框是否在增减文字后实时更新高度。
三、结合自动布局容器强化适配稳定性
单独设置Auto Height在孤立文本图层中有效,但在嵌套结构(如按钮内文字、卡片标题+正文组合)中易受父级约束干扰。将文本框嵌入自动布局容器,可协同管理内外尺寸关系,防止因外部约束导致的高度截断。
1、选中文本框图层,右键选择Add auto layout,或使用快捷键Shift + A。
2、在右侧属性面板中,将主轴方向设为Vertical(垂直),确保高度方向具备伸缩能力。
3、将“Height”设置为Hug content,使容器高度严格贴合内部文本内容。
4、检查文本框是否仍保持原有宽度约束,同时高度随内容增长而同步扩展。
四、禁用TRUNCATE截断模式并验证文本行为
当文本框的Auto Resize属性被设为TRUNCATE时,Figma会在内容超出边界时强制显示省略号(…),而非扩展容器。该模式虽用于UI控件规范,但与Auto Height目标相冲突,必须关闭才能实现真实溢出适配。
1、选中文本框,在右侧属性面板顶部查找“Auto resize”下拉菜单。
2、若当前选项为TRUNCATE,点击展开并更改为Auto width或Auto height(根据实际需求选择)。
3、在文本框中输入超长内容,确认不再出现省略号,且容器已按需延展。
五、校验并重置文本约束条件
文本图层若被赋予了刚性约束(如Top/Bottom固定),会抑制Auto Height的垂直弹性。即使启用了Auto height,约束仍可能锁死上下边缘位置,造成视觉溢出假象。
1、选中文本框,在右侧属性面板底部找到“Constraints”区域。
2、检查“Top”和“Bottom”约束值:若二者均为Fixed,则高度被强制锁定。
3、将“Top”设为Top,“Bottom”设为Hug,或整体切换为Resize object模式。
4、拖动父级容器高度测试响应性,确认文本框可自由伸缩且无裁切残留。


















