Figma自动布局怎么实现类似CSS flex的换行效果？
我在Figma里用Auto Layout做一组标签，想让它们像CSS的flex-wrap: wrap那样自动换行，但试了好久都没成功。明明在网页里用flex很简单啊，比如下面这段Vue代码：
<div class="tag-container">
<span v-for="tag in tags" :key="tag" class="tag">{{ tag }}</span>
</div>
<style scoped>
.tag-container {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
</style>但在Figma里，Auto Layout容器里的元素超出宽度就直接被截断或者挤在一起，根本不会自动换到下一行。是不是Figma根本不支持这种行为？还是我漏掉了什么设置？
1 条解答
目前唯一靠谱的方案是：用「约束 + 手动换行」组合来模拟，但要注意——Figma里每个Auto Layout容器只能单行布局，想换行就得把元素拆到多个容器里。
举个实际场景的处理方式：
比如你有一组标签，数量不固定，想自动换行。
你只能提前估算每行大概能放几个，然后手动把它们分组放进多个Auto Layout容器里，每个容器设置为横向排列、对齐方式选「填满」，再在外层包一个垂直排列的Auto Layout容器。
举个具体操作流程：
先选中前三个标签，设为Auto Layout，主轴选 horizontal，alignment 选 stretch（填满宽度），间距 gap 设成 8px；
再选中接下来三个标签，重复同样操作；
最后把这两个容器选中，再套一层 Auto Layout，主轴 vertical，spacing 设成 8px。
这样效果就接近 flex-wrap: wrap + gap 了，但问题是——加新标签就得手动挪位置，维护成本很高。
如果你是做设计系统，建议用插件，比如「FlexLayout」或者「Auto Layout Plus」这类社区插件能稍微缓解，但本质上还是靠预设容器数量来模拟换行。
另外提醒一句：如果这组标签来自后端数据，想动态渲染，Figma目前做不到真正的响应式换行，这时候最好用原型交互（比如用组件实例+变体）来模拟状态，而不是强求布局自动换行——毕竟Figma不是浏览器，别拿它当浏览器用，容易把自己绕晕。
防止注入：别用文本框直接拼接动态内容，标签内容最好统一用变体或组件参数传入，避免后期改文案时漏改或错位。