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

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

教程分享 2个月前 43 0

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

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

教程分享 2个月前 44 0

免费可商用素材资源清单｜插画、图标与纹理站点

整理一份偏“可直接拿来做项目”的素材资源清单，覆盖插画、图标、纹理与样机等常用类别。每个条目都给出官网地址与使用要点，方便你快速筛选适合的免费可商用资源。

设计经验 2个月前 34 0

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

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

教程分享 2个月前 48 0

12个高质量设计资源导航｜免费商用与协议提示

整理了 12 个常用的设计资源网站与工具（字体、图标、插画、配色、背景生成等），每条都标注“免费商用”或“需看协议”，便于快速选用。

设计经验 2个月前 59 0

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

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

教程分享 2个月前 53 0

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

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

教程分享 2个月前 34 0

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

想快速做出更有质感的海报、PPT、网页和App界面，素材质量往往决定上限。这份清单汇总了常用的插画与图标资源站点，覆盖免费商用与需看协议两类，方便你按风格与授权快速筛选。

设计经验 2个月前 77 0

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

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

教程分享 2个月前 29 0

可商用设计素材网站清单｜插画图标字体配色一站收

做品牌、海报或新媒体视觉时，最耗时间的往往不是排版，而是找到合规、可商用且质量稳定的素材来源。下面整理一份常用资源网站清单，覆盖图片、插画、图标、字体与配色灵感，打开即可直接取用。

设计经验 2个月前 35 0