以下是 设计 相关内容，总共有 145 条记录。
从 0 搭一个可复用的按钮组件：用 Auto Layout 解决内边距 间距，配合变体做尺寸与状态，最后放进组件集让整个项目都能一键复用。
这篇教程用“卡片组件”做例子，带你把 Auto Layout、变量（颜色 间距 圆角）、组件属性和响应式约束串成一条可落地的工作流：从结构拆...
用一个按钮组件覆盖常见尺寸与状态：从 Auto Layout 搭骨架，到组件属性（Variant Boolean Instance swap）管理图标与加载态，再用样...
手把手教你在 Figma 做一套玻璃拟态按钮组件：从基础样式、阴影与模糊参数，到 Auto Layout、Variants 和交互状态的完整搭建，照着做...
这是一份可直接照做的 Figma 教程：从命名规范开始，用 Variants（变体）+ Component Properties（组件属性）搭一套可扩展的按钮和输...
这篇教程用一套可以直接照做的步骤，带你在 Figma 里用自动布局 + 组件变体搭建按钮与卡片两类核心组件，并通过命名、属性与约束让组件...
手把手教你在 Figma 里用网格系统快速做出更有层级与秩序感的海报版式：从画板与栅格参数、字体层级、间距规则到组件化复用，按步骤照做...
用 Figma 的 Auto Layout + Variants 从零搭建一套可复用按钮组件，包含尺寸、状态、图标、加载与禁用，并给出命名与发布到组件库的规范。
从零开始用 Figma 的自动布局和变量做一套可响应的卡片组件：设定尺寸规则、创建变体、做可换主题的颜色与间距，最后一键复用到不同页面。
本教程带你在 Figma 里用 Variables（变量）+ Component properties（组件属性）搭一套可切换浅色 深色主题的按钮组件，并把样式沉淀为可复用的设计系统。
这是一套可直接照做的 Figma 教程：用 Auto Layout + Variants 从零搭建可复用的按钮组件，包含默认 悬停 按下 禁用等状态，规范...
这篇教程带你在 Figma 里用 Auto Layout 从零搭建一套可复用按钮组件：包含默认 悬停 按下 禁用四种状态，支持左右图标、不同尺寸...
从 0 到 1 教你在 Figma 用 Auto Layout 做可伸缩按钮与信息卡：间距 对齐 填充与 Hug、文本自适应、变体状态（默认 悬停 禁...
手把手教你把常用按钮 表单这类组件做成 Figma 变体：先定命名规则和属性，再补齐 Auto Layout 和约束，最后用交互变体做出可演示的...
手把手带你在 Figma 里用 Auto Layout 做一个可伸缩的卡片组件：从基础结构、约束与间距，到可复用变体与响应式拉伸，做完就能直接套用到项目里。
用一篇从零到交付的实战流程，带你在 Figma 里用 Auto Layout 做出可响应、可复用、可批量换数据的卡片组件，并沉淀为设计系统里的组件规范。
这是一篇可以直接照做的 Figma 教程：用 8pt 网格 + Auto Layout，从零搭出一套可复用的响应式卡片组件，并把约束、变体、排版、导...
一步一步教你用 Figma 的 Auto Layout（自动布局）+ Variables（变量）做一套可复用的按钮组件，包含尺寸 圆角 颜色 状态与组件属...
从 Auto Layout 打底，到用 Variants 做出可切换状态的按钮组件，再到组件命名 属性 发布给团队，这篇带你一步一步做出“能直接在项目里用”的按钮库。
手把手在 Figma 里建立“字号+行高+间距”三件套：用变量（Variables）统一数值、用文本样式 间距样式规范命名，并教你如何在组件与 Au...
