以下是 Auto 相关内容,总共有 33 条记录。
手把手教你在 Figma 用 Auto Layout 搭出可复用的卡片组件,并用嵌套布局做出随容器宽度自适应的列表 栅格。包含常见坑位(间距塌陷、文本换行、填充规则)与检查清单。
这篇教程用“可复用”的方式做一张海报:从网格与字体层级开始,逐步把标题区、卖点区、按钮区做成组件,再用自动布局和样式变量把间距、圆角、颜色、字号统一起来。照着做 20~40 分钟即可得到一套可套用到任意...
这篇教程用“Auto Layout + 组件变量 + 样式”三件套,在 Figma 里搭一套卡片组件:从排版结构、间距约束,到响应式尺寸和交付给开发的标注清单,照着做即可直接用于项目。
这是一篇可以直接照做的 Figma 按钮组件搭建教程:从 Auto Layout 结构、状态 尺寸 类型变体,到命名规则、交互与团队交付检查清单。按步骤做完,你会得到一个可在项目中长期复用的按钮系统。
本教程用一个可复用“按钮组件库”作为例子,手把手讲清 Figma 组件(Component)、变体(Variants)和 Auto Layout 的搭配方法,包含尺寸、层级、状态、禁用与加载等常见需求,照做即可产出可交付的按钮体系。
这篇教程手把手教你在 Figma 里用 Auto Layout 做一套可复用的按钮组件库:从尺寸与间距规则、约束与对齐,到 Variant 变体与组件属性,让按钮在不同文案长度、图标组合和状态下都能自动适配。
手把手教你在 Figma 里用 Auto Layout 快速搭建可复用的卡片组件:从层级整理、间距与填充、内容自适应,到变体与响应式规则设置,最后附一份可直接照做的练习清单,照着做就能做出可扩展的组件库。
这篇教程带你在 Figma 里从 0 做一套“可切换浅色 深色”的按钮组件:用 Auto Layout 搭结构,用 Variant 管状态,再用 Variables 把颜色 圆角 间距变成可维护的设计令牌。按步骤做完,你会得到一...
一步一步教你在 Figma 用 Auto Layout 搭建可拉伸的按钮与卡片组件:从间距规则、填充策略、约束与最小 最大宽度,到组件变体与一键复用,让同一套组件在不同文案长度与屏幕宽度下都能稳定排版。
一篇可直接照做的 Figma Auto Layout 进阶教程:从按钮与卡片组件的结构搭建开始,讲清楚间距 对齐 填充 约束与变体(Variants)的设置要点,并给出可复用的命名与排错清单。
手把手教你在Figma里用Auto Layout做一套可复用的按钮组件:从基础尺寸与内边距开始,加入图标与文本间距规则,再用Variants做默认 悬停 禁用状态,并设置约束让按钮在不同容器里自适应。
用 Figma 的 Variants + Auto Layout 快速搭建一套可复用的按钮组件(尺寸、样式、状态、图标一并覆盖),按步骤做完即可直接拿去做小型设计系统。
这篇教程带你在 Figma 里从零搭建一套可复用的按钮组件:用 Auto Layout 做结构,用 Variables 管状态,用 Component properties 做开关,最后整理成可交付的组件说明与命名规范。照着做即可复刻到你的项目。
手把手教你用 Auto Layout 和 Variants 在 Figma 里搭建一套可复用按钮组件:从尺寸 状态 图标到交互演示,做完即可直接放进设计系统。
手把手教你在 Figma 用 Auto Layout 从零搭一个可复用的卡片组件:定义层级、约束与间距,做出可拉伸的标题 摘要 标签区,并打包为可变体组件,方便在海报、信息流或后台页面里快速复用。
这篇教程带你在 Figma 里从零搭建一套可复用的按钮组件:用 Auto Layout 统一内边距与对齐,用 Variants 管理尺寸与状态,并用变量 样式把颜色与圆角做成可维护的设计系统。按步骤操作即可直接复用到项目。
这篇教程用一个可复用的按钮组件为例,讲清楚 Figma 自动布局里最容易踩坑的 6 个约束:填充 固定、内容撑开、间距、对齐、最小 最大尺寸以及响应式拉伸。照着做就能把组件做得更稳、更易改。
教你在 Figma 用 Variables(变量)+ Component Set(组件集)搭一套按钮系统:同时覆盖主 次 危险按钮与多种状态,并能一键切换浅色 深色主题,适用于真实项目交付。
这篇教程用 3 个可直接照做的例子讲清 Figma 自动布局(Auto Layout)的核心概念与常见坑:方向与间距、填充 固定尺寸、约束与响应式,以及如何把按钮 卡片做成可复用组件。按步骤操作即可复刻。
用一套清晰的命名与结构,把按钮做成可复用组件:支持尺寸、样式、状态与图标开关,并能在项目里一键替换。本文按步骤操作即可完成。