以下是 自动布局 相关内容,总共有 21 条记录。
手把手教你在 Figma 用 Auto Layout 搭出可复用的卡片组件,并用嵌套布局做出随容器宽度自适应的列表 栅格。包含常见坑位(间距塌陷、文本换行、填充规则)与检查清单。
这篇教程用“可复用”的方式做一张海报:从网格与字体层级开始,逐步把标题区、卖点区、按钮区做成组件,再用自动布局和样式变量把间距、圆角、颜色、字号统一起来。照着做 20~40 分钟即可得到一套可套用到任意...
这篇教程教你在 Figma 里用 Auto Layout 从零搭建可复用的卡片组件:定义内容结构、约束与间距、做变体(含 不含图片、不同按钮状态),并用嵌套自动布局实现真正的自适应。跟着步骤做完,你就能把卡片作为...
用 Figma 的 Auto Layout + Variables + Variants 快速搭一套按钮组件:从尺寸 间距、状态(默认 悬停 禁用)到主题色切换,最后整理成可交付的组件集,团队可直接复用。
从 0 到 1 用 8pt 网格规则建立 Figma 设计系统:定义间距、做组件变体、用自动布局组合模块,并用样式与变量保证后续扩展不崩。按步骤照做即可落地到真实项目。
一步一步教你在 Figma 用 Auto Layout 搭建可拉伸的按钮与卡片组件:从间距规则、填充策略、约束与最小 最大宽度,到组件变体与一键复用,让同一套组件在不同文案长度与屏幕宽度下都能稳定排版。
一篇可直接照做的 Figma Auto Layout 进阶教程:从按钮与卡片组件的结构搭建开始,讲清楚间距 对齐 填充 约束与变体(Variants)的设置要点,并给出可复用的命名与排错清单。
从零搭建一套可复用的 Figma 卡片组件:自动布局、变体、图标 文字约束与响应式拉伸规则一次讲清,按步骤做完即可直接用于交付。
这篇教程用一个可落地的案例,带你在 Figma 里用 Auto Layout、组件 变体和状态命名,搭一套可复用的按钮组件库。包含尺寸、圆角、图标、禁用 加载态、交付开发的标注与导出流程。
用 Figma 的 Auto Layout + 组件变量搭一套可复用按钮系统:三种尺寸、三种状态、可切换主题。按步骤操作即可直接在项目里落地。
这篇教程用一个可复用的按钮组件为例,讲清楚 Figma 自动布局里最容易踩坑的 6 个约束:填充 固定、内容撑开、间距、对齐、最小 最大尺寸以及响应式拉伸。照着做就能把组件做得更稳、更易改。
这篇教程用 3 个可直接照做的例子讲清 Figma 自动布局(Auto Layout)的核心概念与常见坑:方向与间距、填充 固定尺寸、约束与响应式,以及如何把按钮 卡片做成可复用组件。按步骤操作即可复刻。
手把手教你在 Figma 里用 Auto Layout + 组件属性 + 变体,快速搭一套可复用的按钮组件,并给出一套能长期维护的命名 分层规则。
这篇教程用一个“按钮组件”为例,手把手讲清 Figma 自动布局、Variants 组件状态、Variables 变量与样式联动的完整做法。按步骤做完,你会得到一个能在项目里直接复用、可快速换主题与尺寸的按钮系统。
这篇教程用“可直接照做”的方式带你在 Figma 里用 Auto Layout + 组件 + 变量做出真正响应式的卡片列表:从结构拆分、约束设置,到不同断点的一键适配与常见坑的排查。
这篇教程用“按钮组件”作为例子,手把手讲清 Figma 自动布局与组件变体:从画基础按钮到做 Hover Pressed Disabled 状态,最后通过约束与填充规则让组件在不同文案长度下依然稳定。照着做即可直接用于设计系统。
从按钮组件开始,用自动布局把「间距、内边距、对齐、状态」一次性规范起来。含最小可用设置、常见坑(拉伸 约束 文本换行)和复用建议。
用一个“按钮组件”把自动布局、变体、变量三件事串起来:从命名、结构到交互状态,最后得到可扩展、可维护、能直接落到设计系统里的按钮规范与组件做法。
从创建基础按钮到 Variants 属性配置,手把手搭一套可复用的 Figma 按钮组件,便于团队统一规范与批量替换。
用一个常见卡片组件示例,讲清 Auto Layout 的间距、对齐、填充、嵌套以及文本换行设置,避免越改越乱。