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

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

教程分享 3个星期前 20 0

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

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

设计经验 3个星期前 18 0

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

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

设计经验 3个星期前 59 0

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

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

教程分享 3个星期前 12 0

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

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

设计经验 3个星期前 85 0

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

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

教程分享 3个星期前 19 0

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

整理了 15 个常用的图标与插画资源站点，涵盖 SVG 图标库、开源插画、表情与组件图标等。每条都标注是否可免费商用或需要查看协议，方便快速选型。

设计经验 3个星期前 75 0

Figma Variants 实战：做一套可复用的按钮组件（含禁用/加载/尺寸）

用 Figma 的 Auto Layout + Variants 从零搭建一套可复用按钮组件，包含尺寸、状态、图标、加载与禁用，并给出命名与发布到组件库的规范。

教程分享 3个星期前 17 0

Figma 自动布局 + 变量：做一套可响应的卡片组件（从0到可复用）

从零开始用 Figma 的自动布局和变量做一套可响应的卡片组件：设定尺寸规则、创建变体、做可换主题的颜色与间距，最后一键复用到不同页面。

教程分享 3个星期前 15 0

苹果、Meta、PICO神仙打架：2026主流头显大盘点

目前的头显市场可谓是“神仙打架”，各大科技巨头纷纷掏出看家本领。整体来看，现在的设备主要分为“全能一体机”和“轻量级AR眼镜”两大阵营。为了让你这笔钱花得明明白白，我们对这四大代表性设备进行一次深度...

值得一看 3个星期前 63 0