以下是 Figma 相关内容，总共有 178 条记录。
用 Figma 的 Auto Layout + Variants 从零搭建一套可复用按钮组件，包含尺寸、状态、图标、加载与禁用，并给出命名与发布到组件库的规范。
从零开始用 Figma 的自动布局和变量做一套可响应的卡片组件：设定尺寸规则、创建变体、做可换主题的颜色与间距，最后一键复用到不同页面。
本教程带你在 Figma 里用 Variables（变量）+ Component properties（组件属性）搭一套可切换浅色 深色主题的按钮组件，并把样式沉淀为可复用的设计系统。
这是一套可直接照做的 Figma 教程：用 Auto Layout + Variants 从零搭建可复用的按钮组件，包含默认 悬停 按下 禁用等状态，规范...
从画板尺寸、12列网格、文本样式到间距体系，按步骤把一张海报做出“对齐一致、层级清晰、可复用”的版式。每一步都可直接照做，适用于活动...
这篇教程带你在 Figma 里用 Auto Layout 从零搭建一套可复用按钮组件：包含默认 悬停 按下 禁用四种状态，支持左右图标、不同尺寸...
从 0 到 1 教你在 Figma 用 Auto Layout 做可伸缩按钮与信息卡：间距 对齐 填充与 Hug、文本自适应、变体状态（默认 悬停 禁...
手把手教你把常用按钮 表单这类组件做成 Figma 变体：先定命名规则和属性，再补齐 Auto Layout 和约束，最后用交互变体做出可演示的...
一篇可直接照做的 Figma Auto Layout 教程：从按钮基础结构开始，加入约束、内边距、间距、图标、变体与组件属性，最后做出能在不同文...
手把手带你在 Figma 里用 Auto Layout 做一个可伸缩的卡片组件：从基础结构、约束与间距，到可复用变体与响应式拉伸，做完就能直接套用到项目里。
用一篇从零到交付的实战流程，带你在 Figma 里用 Auto Layout 做出可响应、可复用、可批量换数据的卡片组件，并沉淀为设计系统里的组件规范。
这是一篇可以直接照做的 Figma 教程：用 8pt 网格 + Auto Layout，从零搭出一套可复用的响应式卡片组件，并把约束、变体、排版、导...
一步一步教你用 Figma 的 Auto Layout（自动布局）+ Variables（变量）做一套可复用的按钮组件，包含尺寸 圆角 颜色 状态与组件属...
从 Auto Layout 打底，到用 Variants 做出可切换状态的按钮组件，再到组件命名 属性 发布给团队，这篇带你一步一步做出“能直接在项目里用”的按钮库。
手把手在 Figma 里建立“字号+行高+间距”三件套：用变量（Variables）统一数值、用文本样式 间距样式规范命名，并教你如何在组件与 Au...
这篇教程用一个“可伸缩卡片”实例，带你把 Figma 自动布局从能用做到可复用：从框架搭建、间距 对齐规则、约束与填充、文本自适应，到...
这是一套可以直接照做的 Figma 按钮组件搭建流程：用 Auto Layout 做尺寸自适应，配合 Variants 管理默认 悬停 禁用等状态，并用...
从零做一个可复用的 Figma 卡片组件：用 Auto Layout 规范间距与自适应规则，做出可伸缩的标题 正文 标签 按钮结构，并通过组件属...
这篇教程用一套“按钮组件”为例，手把手演示如何在 Figma 里用 Auto Layout + Variants + 组件属性，把一堆零散按钮整理成可维护...
从0搭一个按钮系统：用Auto Layout统一尺寸与间距，用组件属性和变体管理状态（默认 悬停 按下 禁用），并用Tokens变量实现全局换肤。
