以下是 UI 相关内容，总共有 54 条记录。
这篇教程用“Auto Layout + 组件变量 + 样式”三件套，在 Figma 里搭一套卡片组件：从排版结构、间距约束，到响应式尺寸和交付给开...
这是一篇可以直接照做的 Figma 按钮组件搭建教程：从 Auto Layout 结构、状态 尺寸 类型变体，到命名规则、交互与团队交付检查清单...
这篇教程教你在 Figma 里用 Auto Layout 从零搭建可复用的卡片组件：定义内容结构、约束与间距、做变体（含 不含图片、不同按钮状态...
用一套按钮组件把尺寸、状态、图标三类变化收进 Variants：从命名规范到交互原型，一步步照做即可复用到任何项目。
手把手教你在 Figma 里用 Variables（变量）+ Components（组件）搭一套可复用的主题系统：同一套组件在浅色 深色模式之间一键切换，...
这是一篇可以照做的 Figma 教程：用渐变与模糊做出玻璃拟态卡片，并通过组件、约束与自动布局把它做成可复用模块，最后整理样式与导出规...
手把手教你在Figma里用Auto Layout做一套可复用的按钮组件：从基础尺寸与内边距开始，加入图标与文本间距规则，再用Variants做默认 悬停...
从零搭建一套可复用的 Figma 卡片组件：自动布局、变体、图标 文字约束与响应式拉伸规则一次讲清，按步骤做完即可直接用于交付。
手把手教你在 Figma 用 Auto Layout 从零搭一个可复用的卡片组件：定义层级、约束与间距，做出可拉伸的标题 摘要 标签区，并打包为...
这篇教程用 3 个可直接照做的例子讲清 Figma 自动布局（Auto Layout）的核心概念与常见坑：方向与间距、填充 固定尺寸、约束与响应式...
用一套清晰的命名与结构，把按钮做成可复用组件：支持尺寸、样式、状态与图标开关，并能在项目里一键替换。本文按步骤操作即可完成。
这篇教程用一个“按钮组件”为例，手把手讲清 Figma 自动布局、Variants 组件状态、Variables 变量与样式联动的完整做法。按步骤做完，...
想做一套好维护的设计规范，关键不在“好看”，而在可复用、可扩展、可对齐。本文用一套从零到一的方法，把字号体系、间距栅格、颜色语义、...
这篇教程用可直接照做的步骤，带你在 Figma 里搭建一个可复用的按钮组件：包含 Auto Layout、Variants（多状态）、组件属性与变量（Var...
