A - 设计经验 - 第22页

Figma 自动布局+组件变体：做一套可一键切换的按钮组件（含禁用/加载）

用自动布局和组件变体在 Figma 里搭一套按钮组件，支持主次文字按钮、尺寸、禁用和加载状态，并用属性面板快速切换。

教程分享 3个月前 0

Figma 自动布局实战：用 Auto Layout 做出可复用的按钮与表单组件

这是一篇可直接照做的 Figma Auto Layout 实战教程：从按钮到表单组件，讲清结构搭建、约束设置、可伸缩策略与常见坑的排查方法。

教程分享 3个月前 0

Figma 教程：用 Auto Layout + Variants 做一套可复用的卡片组件（新手可照做）

这篇教程手把手带你在 Figma 里用 Auto Layout（自动布局）和 Variants（组件变体）做一套可复用的卡片组件：结构如何搭、间距怎么设、状态怎么做、如何一键替换内容并保持对齐。

教程分享 3个月前 0

Figma 组件变体实战：从零搭建可复用按钮系统（命名/约束/交付）

手把手教你在 Figma 用 Auto Layout + Variants 搭建一套可复用的按钮组件：从尺寸与状态规划、属性命名、约束设置到交付给开发的规范，一篇照着做就能落地。

教程分享 3个月前 0

Figma 栅格 + 自动布局：10 分钟做出可复用的海报版式

用 Figma 的 Layout Grid、Auto Layout 和组件变体，快速搭一套可复用的海报版式：从画板尺寸、栅格设定、排版层级到导出规范，一次配置，多次复用。

教程分享 3个月前 0

Figma 自动布局 + 变体：做一套响应式按钮组件（可直接套用）

这篇教程用最少步骤在 Figma 里搭一套可复用的按钮组件：支持尺寸（S M L）、状态（默认悬停按下禁用）、左右图标与自适应宽度。照做一次，以后做页面能直接拖组件，效率提升很明显。

教程分享 3个月前 0

Figma 自动布局入门：做一套可复用按钮组件与间距系统

这篇教程带你从零用 Figma 的 Auto Layout 搭一套可复用按钮组件：包含间距圆角字号规范、组件变体、状态与可维护的命名方式，照着做就能在项目里直接用。

教程分享 3个月前 0

Figma 自动布局实战：用 3 个技巧做出可伸缩按钮与卡片组件

一篇可直接照做的 Figma 自动布局教程：从按钮到卡片组件，掌握 padding、间距、约束和变体，让组件在文字变化与容器拉伸时依然稳。

教程分享 3个月前 0

免费商用插画与图标资源清单｜20个高质量站点

整理了20个常用的插画与图标资源站点，包含免费可商用与需看协议两类，适合做品牌视觉、网页与APP界面、宣传物料等场景的快速素材补充。

设计经验 3个月前 0

Figma 自动布局入门：15 分钟做出可复用的按钮组件

用最少的规则学会 Figma Auto Layout：从按钮的间距、内边距、圆角与状态，到组件变体与约束，让你能把同一种按钮快速复用在不同页面。

教程分享 3个月前 0

Figma 教程：用 Auto Layout 做可伸缩卡片组件（含图文排版与变体）

从零搭一套可复用的卡片组件：用 Auto Layout 做结构，配合约束与变体，让卡片在不同宽度下自动排版不崩。

教程分享 3个月前 0

Figma 组件属性+变量：做一套可切换状态的按钮组件（可直接照做）

手把手用 Figma 的组件属性（Variant Boolean Text Instance swap）和 Variables 做一套按钮组件：默认悬停按下禁用状态一键切换，并建立可复用的颜色与间距变量，适合做小型设计系统入门。

教程分享 3个月前 0

After Effects 动效入门：3个表达式做出弹性文字标题（新手可照做）

教你在 After Effects 里用 3 个常用表达式（wiggle、ease、弹性 overshoot）快速做出弹性文字标题动效：从建合成、打关键帧，到一键套用表达式、做出更自然的缓动和回弹。步骤可直接照做，适合新手。

教程分享 3个月前 0

Figma Auto Layout：10分钟做出可复用的响应式卡片组件

手把手教你用 Figma 的 Auto Layout 和组件变体做一张可复用的卡片组件：包含标题描述按钮，支持一键换尺寸、换间距、换圆角，并能在不同屏幕宽度下自动拉伸对齐。

教程分享 3个月前 0

Figma 自动布局实战：用组件+变体做一套可复用按钮与卡片

从0到1用自动布局搭建按钮与卡片组件，掌握padding 间距对齐、约束与填充、组件属性和变体命名，让同一套组件适配多尺寸与多状态，快速落地小型设计系统。

教程分享 3个月前 0

Figma 从0搭建可复用按钮组件库：Variants + Auto Layout + 变量

手把手教你在 Figma 里从零搭建一套可复用的按钮组件库，覆盖主次描边等样式与默认悬停按下禁用状态，并用 Auto Layout、Variants、变量把颜色与尺寸管理起来，后续做页面时直接拖拽组合即可。

教程分享 3个月前 0

Figma：用变量与文本样式建立可切换的配色/字号系统（从零到可维护）

这篇教程教你在 Figma 里用 Variables（变量）+ Text Styles（文本样式）搭一套可维护的配色与字号体系，并实现一键切换主题。按步骤做，10-20 分钟就能落地到组件库。

教程分享 3个月前 0

Figma 自动布局+变量：做一个可复用按钮组件的完整流程

这是一篇可直接照做的 Figma 教程：用自动布局、组件变体与变量做一套可复用按钮，并在真实界面里落地。

教程分享 3个月前 0

Figma 教程：用 Auto Layout 做可复用按钮组件，一次搭好适配多尺寸

从 0 搭一个可复用的按钮组件：用 Auto Layout 解决内边距间距，配合变体做尺寸与状态，最后放进组件集让整个项目都能一键复用。

教程分享 3个月前 0

Figma 自动布局 + 变量：做一套可复用的响应式卡片组件教程（从零到可交付）

这篇教程用“卡片组件”做例子，带你把 Auto Layout、变量（颜色间距圆角）、组件属性和响应式约束串成一条可落地的工作流：从结构拆解到可交付规范，照着做就能在团队里复用。

教程分享 3个月前 0

#A

Figma 自动布局+组件变体：做一套可一键切换的按钮组件（含禁用/加载）

Figma 自动布局实战：用 Auto Layout 做出可复用的按钮与表单组件

Figma 教程：用 Auto Layout + Variants 做一套可复用的卡片组件（新手可照做）

Figma 组件变体实战：从零搭建可复用按钮系统（命名/约束/交付）

Figma 栅格 + 自动布局：10 分钟做出可复用的海报版式

Figma 自动布局 + 变体：做一套响应式按钮组件（可直接套用）

Figma 自动布局入门：做一套可复用按钮组件与间距系统

Figma 自动布局实战：用 3 个技巧做出可伸缩按钮与卡片组件

免费商用插画与图标资源清单｜20个高质量站点

Figma 自动布局入门：15 分钟做出可复用的按钮组件

Figma 教程：用 Auto Layout 做可伸缩卡片组件（含图文排版与变体）

Figma 组件属性+变量：做一套可切换状态的按钮组件（可直接照做）

After Effects 动效入门：3个表达式做出弹性文字标题（新手可照做）

Figma Auto Layout：10分钟做出可复用的响应式卡片组件

Figma 自动布局实战：用组件+变体做一套可复用按钮与卡片

Figma 从0搭建可复用按钮组件库：Variants + Auto Layout + 变量

Figma：用变量与文本样式建立可切换的配色/字号系统（从零到可维护）

Figma 自动布局+变量：做一个可复用按钮组件的完整流程

Figma 教程：用 Auto Layout 做可复用按钮组件，一次搭好适配多尺寸

Figma 自动布局 + 变量：做一套可复用的响应式卡片组件教程（从零到可交付）

大家都在看

设计笔记