Figma 自动布局实战：用 Auto Layout 做可伸缩按钮与信息卡（含组件变体）

从 0 到 1 教你在 Figma 用 Auto Layout 做可伸缩按钮与信息卡：间距 对齐 填充与 Hug、文本自适应、变体状态（默认 悬停 禁用）、以及可复用的约束与排版习惯。照着做即可复刻。

教程分享 3个星期前 10 0

Figma 组件变体从零到可复用：命名、属性、交互三步走

手把手教你把常用按钮 表单这类组件做成 Figma 变体：先定命名规则和属性，再补齐 Auto Layout 和约束，最后用交互变体做出可演示的状态切换。按本文流程做完，你的组件库会更统一、替换更快、交付更稳。

教程分享 3个星期前 20 0

Figma 自动布局实战：用 Auto Layout 做出可复用的按钮组件（含变体与响应式）

一篇可直接照做的 Figma Auto Layout 教程：从按钮基础结构开始，加入约束、内边距、间距、图标、变体与组件属性，最后做出能在不同文案长度与尺寸下自适应的可复用按钮组件。

教程分享 3个星期前 17 0

Figma 自动布局：用 Auto Layout 做可伸缩卡片组件（从 0 到可复用）

手把手带你在 Figma 里用 Auto Layout 做一个可伸缩的卡片组件：从基础结构、约束与间距，到可复用变体与响应式拉伸，做完就能直接套用到项目里。

教程分享 3个星期前 17 0

Figma 实战：用 Auto Layout 做响应式卡片组件（从 0 到交付）

用一篇从零到交付的实战流程，带你在 Figma 里用 Auto Layout 做出可响应、可复用、可批量换数据的卡片组件，并沉淀为设计系统里的组件规范。

教程分享 3个星期前 11 0

Figma 网格与自动布局：做出可复用的响应式卡片组件（从 0 到交付）

这是一篇可以直接照做的 Figma 教程：用 8pt 网格 + Auto Layout，从零搭出一套可复用的响应式卡片组件，并把约束、变体、排版、导出与开发交付一并做对。

教程分享 3个星期前 10 0

After Effects 三种高级文字入场动效：无插件可直接套用

这篇教程教你在 After Effects 里做 3 种常用又高级的文字入场动效：遮罩推进、弹性回弹、逐字渐显。全程无插件，参数可直接照抄，适合片头标题、短视频字幕、海报动效。

教程分享 3个星期前 18 0

Figma 自动布局 + 变量：从 0 搭一套可复用按钮组件（可直接照做）

一步一步教你用 Figma 的 Auto Layout（自动布局）+ Variables（变量）做一套可复用的按钮组件，包含尺寸 圆角 颜色 状态与组件属性设置，按流程照做即可直接落地到项目。

教程分享 3个星期前 16 0

Figma Variants + Auto Layout：做一套可复用按钮组件（从0到可交付）

从 Auto Layout 打底，到用 Variants 做出可切换状态的按钮组件，再到组件命名 属性 发布给团队，这篇带你一步一步做出“能直接在项目里用”的按钮库。

教程分享 3个星期前 14 0

Figma：10分钟搭一套可扩展的间距与字号规范（变量+样式命名一步到位）

手把手在 Figma 里建立“字号+行高+间距”三件套：用变量（Variables）统一数值、用文本样式 间距样式规范命名，并教你如何在组件与 Auto Layout 中快速套用。按步骤做完，你的文件会更好维护，也更容易和开发对齐。

教程分享 3个星期前 16 0