Figma 商品名称变长后，为什么卡片高度没有跟着增长？

先建立可比测试

在原卡片旁复制一份测试副本，保留原始组件和内容不变。只替换商品名称，避免图片、价格或其他图层变化干扰判断。

虚构练习：先明确两个测试值。短名称为“云朵马克杯”，长名称为“雾蓝釉面云朵马克杯 可叠放带盖款”。两者使用同一个商品名称文本图层、同一字体样式和同一父框架。这里的名称和长度仅用于演示，不代表你的实际商品。

1. 记录短名称状态：文本是否完整显示、文本框高度、卡片底部位置。
2. 替换为长名称，观察文本是否出现省略号、是否只显示固定行数，以及卡片底部是否移动。
3. 在导出预览或实际导出视觉中复核，不只依据编辑器中的边界线判断。

先看文本框边界

选中商品名称文本图层，检查文字的高度策略，以及是否设置了最大行数或截断。若长名称末尾出现省略号，省略号表示存在隐藏溢出，不代表源字符串已被缩短。此时先确认文本图层本身是否允许高度随换行增加。

分支判断：如果文本框的底部边界随长名称向下移动，但卡片仍保持原高度，问题更可能在父框架的自动布局或固定高度；如果文本框高度不变、长名称在框内被截断，则先处理文本框的高度策略、最大行数或截断设置。

检查父框架响应

选中包含商品名称的父框架，检查其自动布局以及高度行为。重点是确认父框架是否会被子图层变高，还是保留一个固定高度；同时观察卡片底部是否由名称文本的实际高度推动。不要只修改卡片外框尺寸，因为这可能掩盖文本层仍在截断的问题。

如果父框架会随子图层增长，继续检查名称与下方价格、按钮或底部区域之间的间距。若父框架不增长，记录当前高度约束或自动布局状态，并在测试副本中调整后重新执行长短名称对照。具体可用选项名称可能随当前文件结构而不同，应以画布中显示的属性为准。

用导出结果验收

导出测试副本中的卡片视觉，检查长名称的最后一行、卡片底部和相邻内容。编辑器里看似没有问题，但导出后仍可能暴露截字或遮挡，因此导出结果是最终证据之一。

通过条件应提前写清楚：短名称完整显示；长名称符合你为商品卡片设定的显示规则；若规则要求卡片增长，则长名称使卡片高度增加，且没有省略号、文字被遮挡或覆盖下方区域。若规则允许固定行数，则应明确接受省略号，并确认它出现在预期位置。

资料与建议的范围

下列官方资料支持工具行为和功能边界；本题的测试素材、分支判断和通过条件由 Itemlume 编辑设计，引用不代表对方背书。不要把练习中的尺寸、名称或时间直接当作你的生产规格。