以下是 设计系统 相关内容，总共有 98 条记录。
用 Figma Variables（变量）把颜色 字号等设计 Token 管起来，并把组件属性绑定到变量上，几分钟就能做出可切换的浅色 深色主题。本...
手把手教你在 Figma 用 Variables 建立“设计 Token + 主题色”体系：从创建变量集合、绑定颜色样式、在组件中引用，到一键切换浅色...
用一套按钮组件把尺寸、状态、图标三类变化收进 Variants：从命名规范到交互原型，一步步照做即可复用到任何项目。
手把手教你在 Figma 里用 Variables（变量）+ Components（组件）搭一套可复用的主题系统：同一套组件在浅色 深色模式之间一键切换，...
这篇教程手把手教你在 Figma 里用 Auto Layout 做一套可复用的按钮组件库：从尺寸与间距规则、约束与对齐，到 Variant 变体与组件属...
手把手教你在 Figma 里用 Auto Layout 快速搭建可复用的卡片组件：从层级整理、间距与填充、内容自适应，到变体与响应式规则设置，最...
用 Figma 的 Auto Layout + Variables + Variants 快速搭一套按钮组件：从尺寸 间距、状态（默认 悬停 禁用）到主题色切换，最...
这篇教程带你在 Figma 里从 0 做一套“可切换浅色 深色”的按钮组件：用 Auto Layout 搭结构，用 Variant 管状态，再用 Variabl...
一步一步教你在 Figma 用 Auto Layout 搭建可拉伸的按钮与卡片组件：从间距规则、填充策略、约束与最小 最大宽度，到组件变体与一键...
这篇教程带你用 Figma Variables（变量）把颜色、字号和间距做成可复用的设计令牌，并实现浅色 深色主题一键切换，适合做小型设计系统或组件库。
一篇可直接照做的 Figma Auto Layout 进阶教程：从按钮与卡片组件的结构搭建开始，讲清楚间距 对齐 填充 约束与变体（Variants）的...
用 Figma 的 Variants + Auto Layout 快速搭建一套可复用的按钮组件（尺寸、样式、状态、图标一并覆盖），按步骤做完即可直接拿去做小型设计系统。
这篇教程带你在 Figma 里从零搭建一套可复用的按钮组件：用 Auto Layout 做结构，用 Variables 管状态，用 Component properties...
手把手教你用 Auto Layout 和 Variants 在 Figma 里搭建一套可复用按钮组件：从尺寸 状态 图标到交互演示，做完即可直接放进设计系统。
用 Figma 的 Auto Layout + 组件变量搭一套可复用按钮系统：三种尺寸、三种状态、可切换主题。按步骤操作即可直接在项目里落地。
手把手教你在 Figma 用 Auto Layout 从零搭一个可复用的卡片组件：定义层级、约束与间距，做出可拉伸的标题 摘要 标签区，并打包为...
这篇教程带你在 Figma 里从零搭建一套可复用的按钮组件：用 Auto Layout 统一内边距与对齐，用 Variants 管理尺寸与状态，并用变量...
这篇教程用一个可复用的按钮组件为例，讲清楚 Figma 自动布局里最容易踩坑的 6 个约束：填充 固定、内容撑开、间距、对齐、最小 最大...
教你在 Figma 用 Variables（变量）+ Component Set（组件集）搭一套按钮系统：同时覆盖主 次 危险按钮与多种状态，并能一键切换浅...
这篇教程用 3 个可直接照做的例子讲清 Figma 自动布局（Auto Layout）的核心概念与常见坑：方向与间距、填充 固定尺寸、约束与响应式...
