Figma 实战：用 Auto Layout + 组件属性做一套可复用按钮（含状态/尺寸）

用一个按钮组件覆盖常见尺寸与状态：从 Auto Layout 搭骨架，到组件属性（Variant Boolean Instance swap）管理图标与加载态，再用样式变量统一间距与圆角。按步骤照做即可直接用于设计系统。

教程分享 2个月前 29 0

设计师常用的免费商用矢量与图标资源清单｜12个高质量网站

整理 12 个高质量矢量 图标 插画资源站点，按「工具标题 + 地址 + 说明」格式汇总，适合做品牌、海报、UI与PPT素材补给。

设计经验 2个月前 39 0

Figma 玻璃拟态按钮组件教程：从样式到可复用变体（可直接照做）

手把手教你在 Figma 做一套玻璃拟态按钮组件：从基础样式、阴影与模糊参数，到 Auto Layout、Variants 和交互状态的完整搭建，照着做就能直接放进项目复用。

教程分享 2个月前 66 0

8个免费可商用插画与图标资源网站｜附授权要点

做清单收藏时，最容易踩坑的是“看起来免费”，但商用要署名、限制用途或要求付费授权。下面整理8个常用的插画 图标资源网站：每条都给出直达链接，并在描述第一行标注“免费商用”或“需看协议”，方便你快速筛选。

设计经验 2个月前 90 0

Figma 组件库从 0 到 1：用变体和属性快速搭建可复用按钮/输入框

这是一份可直接照做的 Figma 教程：从命名规范开始，用 Variants（变体）+ Component Properties（组件属性）搭一套可扩展的按钮和输入框组件，并整理到组件库页面，方便团队复用与交付。

教程分享 2个月前 73 0

15个矢量图标素材网站清单｜可免费商用与协议提示

整理15个常用矢量图标与图形素材网站，包含可免费商用和需看协议的说明，方便快速找图、做界面与品牌延展。

设计经验 2个月前 50 0

设计师资源清单｜图片 字体 图标 插画一网打尽

想快速搭建一套可复用的设计素材库，这份清单把常用的图片、字体、图标、插画资源按场景整理好：先用一段时间再按项目需求精简到自己的收藏夹。

设计经验 2个月前 216 0

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

这篇教程用一套可以直接照做的步骤，带你在 Figma 里用自动布局 + 组件变体搭建按钮与卡片两类核心组件，并通过命名、属性与约束让组件在不同尺寸和状态下保持一致，后续做页面时能快速复用。

教程分享 2个月前 37 0

设计资源网站清单｜图标、配色、插画与样机一站式收藏

做设计时最耗时间的不是画，而是反复找素材：图标、配色、插画、样机、排版灵感……这份清单把常用的高质量资源网站集中在一起，方便随用随取。

设计经验 2个月前 523 0

Figma 海报排版入门：用网格系统做出高级感版式（可直接照做）

手把手教你在 Figma 里用网格系统快速做出更有层级与秩序感的海报版式：从画板与栅格参数、字体层级、间距规则到组件化复用，按步骤照做即可完成一张可拓展的模板。

教程分享 2个月前 58 0