Figma垂直换列与响应式断点的区别

一组卡片在 Figma 中排成竖列，内容增加后自动接到旁边，容易被误认为做出了“响应式断点”。两者看起来都能改变列数，但触发条件不同：垂直换列由容器的可用高度和内容占用空间决定；响应式断点则是设计者依据可用宽度变化，切换布局规则的边界。

垂直换列回答的是“这一列放不下后，剩余项目往哪里去”。给容器设定高度并启用换行后，新增项目或变长的文案都可能让后续卡片进入新列。即使画板宽度不变，换列也可能发生。它适合项目数量变化、竖向展示空间受限，且外层画板留有横向空间的场景。

响应式断点回答的则是“空间变窄或变宽时，布局应如何改变”。例如，设计者可能决定在较窄的画板上保留单列，在较宽的画板上采用多列。这是针对不同宽度状态制定的规则，不能只凭某个画板内出现了第二列，就认定断点设计已经完成。

实际检查时，要分别改变两个条件：固定画板宽度，增减项目，观察垂直换列；保持内容不变，改变画板宽度，检查各宽度下的排布是否符合预期。两者可以配合使用，但不能互相替代。尤其要确认换出的新列仍留在画板内，否则布局只是把竖向溢出转成了横向溢出。