以下是 figma 相关内容，总共有 171 条记录。
用 Figma 的 Auto Layout + Variants 从零做一套可复用按钮 卡片组件库：尺寸自适应、状态可切换、命名规范可交付团队，按步骤照做即可直接落地到项目。
这篇教程用一套可直接照做的流程，教你在 Figma 里用 Auto Layout 和 Variables 搭出按钮组件（尺寸 层级 状态 禁用），并把约束、命名、交互与落地规范一次做对。
手把手教你在 Figma 用 Auto Layout 搭出可复用的卡片组件，并用嵌套布局做出随容器宽度自适应的列表 栅格。包含常见坑位（间距塌陷、文本换行、填充规则）与检查清单。
这篇教程用“可复用”的方式做一张海报：从网格与字体层级开始，逐步把标题区、卖点区、按钮区做成组件，再用自动布局和样式变量把间距、圆角、颜色、字号统一起来。照着做 20~40 分钟即可得到一套可套用到任意...
这篇教程用“Auto Layout + 组件变量 + 样式”三件套，在 Figma 里搭一套卡片组件：从排版结构、间距约束，到响应式尺寸和交付给开发的标注清单，照着做即可直接用于项目。
这是一篇可以直接照做的 Figma 按钮组件搭建教程：从 Auto Layout 结构、状态 尺寸 类型变体，到命名规则、交互与团队交付检查清单。按步骤做完，你会得到一个可在项目中长期复用的按钮系统。
这篇教程教你在 Figma 里用 Auto Layout 从零搭建可复用的卡片组件：定义内容结构、约束与间距、做变体（含 不含图片、不同按钮状态），并用嵌套自动布局实现真正的自适应。跟着步骤做完，你就能把卡片作为...
本教程用一个可复用“按钮组件库”作为例子，手把手讲清 Figma 组件（Component）、变体（Variants）和 Auto Layout 的搭配方法，包含尺寸、层级、状态、禁用与加载等常见需求，照做即可产出可交付的按钮体系。
从 0 搭建一套可复用的 Figma 按钮组件，并用 Variables 做浅色 深色主题切换：变量命名、组件结构、交互状态、色彩 token、批量替换与发布库的完整流程。
用 Figma Variables（变量）把颜色 字号等设计 Token 管起来，并把组件属性绑定到变量上，几分钟就能做出可切换的浅色 深色主题。本文按“新建变量 → 建集合与模式 → 绑定样式 → 组件落地 → 一...
手把手教你在 Figma 用 Variables 建立“设计 Token + 主题色”体系：从创建变量集合、绑定颜色样式、在组件中引用，到一键切换浅色 深色主题，按步骤操作即可复现。
用一套按钮组件把尺寸、状态、图标三类变化收进 Variants：从命名规范到交互原型，一步步照做即可复用到任何项目。
手把手教你在 Figma 里用 Variables（变量）+ Components（组件）搭一套可复用的主题系统：同一套组件在浅色 深色模式之间一键切换，适合做 App Web 的 UI 规范与组件库。
这篇教程手把手教你在 Figma 里用 Auto Layout 做一套可复用的按钮组件库：从尺寸与间距规则、约束与对齐，到 Variant 变体与组件属性，让按钮在不同文案长度、图标组合和状态下都能自动适配。
手把手教你在 Figma 里用 Auto Layout 快速搭建可复用的卡片组件：从层级整理、间距与填充、内容自适应，到变体与响应式规则设置，最后附一份可直接照做的练习清单，照着做就能做出可扩展的组件库。
用 Figma 的 Auto Layout + Variables + Variants 快速搭一套按钮组件：从尺寸 间距、状态（默认 悬停 禁用）到主题色切换，最后整理成可交付的组件集，团队可直接复用。
从 0 到 1 用 8pt 网格规则建立 Figma 设计系统：定义间距、做组件变体、用自动布局组合模块，并用样式与变量保证后续扩展不崩。按步骤照做即可落地到真实项目。
这篇教程带你在 Figma 里从 0 做一套“可切换浅色 深色”的按钮组件：用 Auto Layout 搭结构，用 Variant 管状态，再用 Variables 把颜色 圆角 间距变成可维护的设计令牌。按步骤做完，你会得到一...
一步一步教你在 Figma 用 Auto Layout 搭建可拉伸的按钮与卡片组件：从间距规则、填充策略、约束与最小 最大宽度，到组件变体与一键复用，让同一套组件在不同文案长度与屏幕宽度下都能稳定排版。
这是一份可直接照做的 Figma 海报排版教程：从画板与网格开始，建立信息层级、字体搭配与留白节奏，最后用组件与自动布局收口并导出可用成品。
