以下是 设计规范 相关内容，总共有 17 条记录。
这篇教程用 30 分钟带你在 Figma 里从 0 搭一套可复用按钮组件：包含尺寸 状态 主题变体、Auto Layout 约束、组件属性命名与发布...
一篇可直接照做的 Figma Auto Layout 教程：从框架到组件、约束与响应式间距设置，最后整理成可复用的卡片组件与规范检查清单。
这篇教程教你在 Figma 里用 Variables（变量）+ Text Styles（文本样式）搭一套可维护的配色与字号体系，并实现一键切换主题。按步骤...
手把手在 Figma 里建立“字号+行高+间距”三件套：用变量（Variables）统一数值、用文本样式 间距样式规范命名，并教你如何在组件与 Au...
从0搭一个按钮系统：用Auto Layout统一尺寸与间距，用组件属性和变体管理状态（默认 悬停 按下 禁用），并用Tokens变量实现全局换肤。
这是一份可以直接照做的 Figma 排版教程：从布局网格、8pt 间距体系、字体层级到组件化落地，带你把页面对齐与留白一次性整理成可复用的规范。
从 8pt 规则开始，把网格、间距、文字与组件约束统一起来：这篇用一套可落地的参数，让你在 Figma 里快速搭出稳定的栅格与间距体系，并...
手把手教你在 Figma 用 Auto Layout 搭出可复用的卡片组件，并用嵌套布局做出随容器宽度自适应的列表 栅格。包含常见坑位（间距塌陷...
这是一篇可以直接照做的 Figma 按钮组件搭建教程：从 Auto Layout 结构、状态 尺寸 类型变体，到命名规则、交互与团队交付检查清单...
从 0 到 1 用 8pt 网格规则建立 Figma 设计系统：定义间距、做组件变体、用自动布局组合模块，并用样式与变量保证后续扩展不崩。按...
从零搭建一套可复用的 Figma 卡片组件：自动布局、变体、图标 文字约束与响应式拉伸规则一次讲清，按步骤做完即可直接用于交付。
这篇教程用一个可落地的案例，带你在 Figma 里用 Auto Layout、组件 变体和状态命名，搭一套可复用的按钮组件库。包含尺寸、圆角、图...
从零搭建一套可复用的 Figma 排版系统：字体层级、行高与网格规则、Text Styles 命名、组件联动与落地检查。照着做 30 分钟即可把排...
这篇教程用一个“按钮组件”为例，手把手讲清 Figma 自动布局、Variants 组件状态、Variables 变量与样式联动的完整做法。按步骤做完，...
想做一套好维护的设计规范，关键不在“好看”，而在可复用、可扩展、可对齐。本文用一套从零到一的方法，把字号体系、间距栅格、颜色语义、...
从按钮组件开始，用自动布局把「间距、内边距、对齐、状态」一次性规范起来。含最小可用设置、常见坑（拉伸 约束 文本换行）和复用建议。
一份可直接照做的组件库搭建流程：从命名与层级、组件约束、变量 Token、到交付清单与维护机制，帮助团队减少返工、提升一致性。
