以下是 AutoLayout 相关内容,总共有 25 条记录。
用最少的步骤把按钮组件做成可复用、可扩展的 Variants(尺寸 状态 图标),并整理命名与发布规范,附 Auto Layout 与组件失效的排查清单。
这是一篇可直接照做的 Figma 教程:从需求拆解开始,用 Auto Layout 把卡片组件做成可自适应宽高、可替换内容、可一键复用的版本,并提供常见踩坑排查清单。
这篇教程带你从 0 开始在 Figma 用 Auto Layout 搭一套“可伸缩卡片组件”:包含封面图、标题、说明、按钮等元素。你会学到如何设置 padding gap、约束与换行、Variants 做尺寸与状态、Variables 管理...
从零搭一套可复用的卡片组件:用 Auto Layout 做结构,配合约束与变体,让卡片在不同宽度下自动排版不崩。
从 0 搭一个可复用的按钮组件:用 Auto Layout 解决内边距 间距,配合变体做尺寸与状态,最后放进组件集让整个项目都能一键复用。
这篇教程用“卡片组件”做例子,带你把 Auto Layout、变量(颜色 间距 圆角)、组件属性和响应式约束串成一条可落地的工作流:从结构拆解到可交付规范,照着做就能在团队里复用。
手把手教你在 Figma 做一套玻璃拟态按钮组件:从基础样式、阴影与模糊参数,到 Auto Layout、Variants 和交互状态的完整搭建,照着做就能直接放进项目复用。
这篇教程带你在 Figma 里用 Auto Layout 从零搭建一套可复用按钮组件:包含默认 悬停 按下 禁用四种状态,支持左右图标、不同尺寸与可一键替换的样式,最后整理成组件集方便团队复用。
从 0 到 1 教你在 Figma 用 Auto Layout 做可伸缩按钮与信息卡:间距 对齐 填充与 Hug、文本自适应、变体状态(默认 悬停 禁用)、以及可复用的约束与排版习惯。照着做即可复刻。
用一篇从零到交付的实战流程,带你在 Figma 里用 Auto Layout 做出可响应、可复用、可批量换数据的卡片组件,并沉淀为设计系统里的组件规范。
从零做一个可复用的 Figma 卡片组件:用 Auto Layout 规范间距与自适应规则,做出可伸缩的标题 正文 标签 按钮结构,并通过组件属性实现多状态切换,最终能直接交付给开发使用。
从0搭一个按钮系统:用Auto Layout统一尺寸与间距,用组件属性和变体管理状态(默认 悬停 按下 禁用),并用Tokens变量实现全局换肤。
这篇教程带你从零做一个可伸缩的卡片组件:用 Auto Layout+约束实现不同宽度自适应,并用 Variants 做可复用状态(默认 悬停 选中),最后沉淀成组件规范。
用 Figma 的 Auto Layout + Variants 从零做一套可复用按钮 卡片组件库:尺寸自适应、状态可切换、命名规范可交付团队,按步骤照做即可直接落地到项目。
这篇教程用“Auto Layout + 组件变量 + 样式”三件套,在 Figma 里搭一套卡片组件:从排版结构、间距约束,到响应式尺寸和交付给开发的标注清单,照着做即可直接用于项目。
这是一篇可以直接照做的 Figma 按钮组件搭建教程:从 Auto Layout 结构、状态 尺寸 类型变体,到命名规则、交互与团队交付检查清单。按步骤做完,你会得到一个可在项目中长期复用的按钮系统。
这篇教程手把手教你在 Figma 里用 Auto Layout 做一套可复用的按钮组件库:从尺寸与间距规则、约束与对齐,到 Variant 变体与组件属性,让按钮在不同文案长度、图标组合和状态下都能自动适配。
手把手教你在 Figma 里用 Auto Layout 快速搭建可复用的卡片组件:从层级整理、间距与填充、内容自适应,到变体与响应式规则设置,最后附一份可直接照做的练习清单,照着做就能做出可扩展的组件库。
一步一步教你在 Figma 用 Auto Layout 搭建可拉伸的按钮与卡片组件:从间距规则、填充策略、约束与最小 最大宽度,到组件变体与一键复用,让同一套组件在不同文案长度与屏幕宽度下都能稳定排版。
手把手教你在Figma里用Auto Layout做一套可复用的按钮组件:从基础尺寸与内边距开始,加入图标与文本间距规则,再用Variants做默认 悬停 禁用状态,并设置约束让按钮在不同容器里自适应。