以下是 自动布局 相关内容，总共有 50 条记录。
这篇教程用 3 个可直接照做的例子讲清 Figma 自动布局（Auto Layout）的核心概念与常见坑：方向与间距、填充 固定尺寸、约束与响应式，以及如何把按钮 卡片做成可复用组件。按步骤操作即可复刻。
手把手教你在 Figma 里用 Auto Layout + 组件属性 + 变体，快速搭一套可复用的按钮组件，并给出一套能长期维护的命名 分层规则。
这篇教程用一个“按钮组件”为例，手把手讲清 Figma 自动布局、Variants 组件状态、Variables 变量与样式联动的完整做法。按步骤做完，你会得到一个能在项目里直接复用、可快速换主题与尺寸的按钮系统。
这篇教程用“可直接照做”的方式带你在 Figma 里用 Auto Layout + 组件 + 变量做出真正响应式的卡片列表：从结构拆分、约束设置，到不同断点的一键适配与常见坑的排查。
这篇教程用“按钮组件”作为例子，手把手讲清 Figma 自动布局与组件变体：从画基础按钮到做 Hover Pressed Disabled 状态，最后通过约束与填充规则让组件在不同文案长度下依然稳定。照着做即可直接用于设计系统。
从按钮组件开始，用自动布局把「间距、内边距、对齐、状态」一次性规范起来。含最小可用设置、常见坑（拉伸 约束 文本换行）和复用建议。
用一个“按钮组件”把自动布局、变体、变量三件事串起来：从命名、结构到交互状态，最后得到可扩展、可维护、能直接落到设计系统里的按钮规范与组件做法。
从创建基础按钮到 Variants 属性配置，手把手搭一套可复用的 Figma 按钮组件，便于团队统一规范与批量替换。
用一个常见卡片组件示例，讲清 Auto Layout 的间距、对齐、填充、嵌套以及文本换行设置，避免越改越乱。
自动布局的核心不是省几次对齐，而是把界面结构做成可复用、可扩展、能适配变化的系统。本文从容器层级、间距规则到组件协作，讲清楚自动布局怎么用得更稳定。
