Figma 排版提速：用 Auto Layout 做自适应卡片组件（从零到可复用）

这是一篇可直接照做的 Figma 教程：从需求拆解开始，用 Auto Layout 把卡片组件做成可自适应宽高、可替换内容、可一键复用的版本，并提供常见踩坑排查清单。

教程分享 2个月前 53 0

设计师常用资源导航｜免费商用素材与工具清单

这是一份面向日常创作的设计资源清单，精选字体、图标、配色、插画与灵感站点，并标注免费商用或需看协议，方便你快速找到可用资源。

设计经验 2个月前 115 0

Figma 组件一键换肤：用 Variants + Token 变量做浅色/深色主题（可直接套用）

这是一套可直接照做的 Figma 主题换肤流程：用 Variants 承载状态，用 Variables Token 管理颜色与间距，5 分钟把组件库改成可一键切换浅色 深色并可扩展多品牌。

教程分享 2个月前 35 0

Figma 10分钟做出可复用按钮组件：Variants + Auto Layout 实战

用一个可直接复用的“按钮组件”案例，带你把 Auto Layout 和 Variants 串起来：从基础按钮到多尺寸、多状态（默认 悬停 禁用），并学会如何在项目里快速调用与维护。

教程分享 2个月前 36 0

20个免费可商用的图标与插画资源网站｜设计师素材清单

想做干净的 UI 图标、插画或运营配图，又不想在授权上踩雷？这份清单整理了常用的图标与插画资源网站，包含可商用的免费资源与需要查看协议的平台，方便你按项目快速挑选。

设计经验 2个月前 129 0

Figma 自动布局：从零做一个可复用的卡片组件（含响应式间距规则）

一篇可直接照做的 Figma Auto Layout 教程：从框架到组件、约束与响应式间距设置，最后整理成可复用的卡片组件与规范检查清单。

教程分享 2个月前 88 0

20个免费商用插画与图标资源网站清单｜设计常备素材库

做设计时最耗时间的不是画图，而是找得到、用得放心的素材。下面整理了一份插画、图标与矢量资源网站清单：先用一段时间把常用站点收藏起来，后续做方案会快很多。每个条目都标注了是否可免费商用或需要查看协议。

设计经验 2个月前 42 0

Figma 自动布局：做一个可复用的卡片组件并一键适配多尺寸

这篇教程用一个真实的“卡片组件”例子，手把手讲清 Figma 自动布局（Auto Layout）的结构搭建、约束设置、变体组织与多尺寸适配。跟着做完，你会得到一个可复用、可扩展、改文案不跑版的组件。

教程分享 2个月前 39 0

12个免费商用图标与插画资源网站｜设计师素材清单

整理12个常用的图标与插画资源网站，覆盖SVG PNG下载、风格多样的插画库和图标集。先快速了解各站点授权与特点，再按需挑选。

设计经验 2个月前 48 0

Figma 零基础做出可交付的组件库：颜色、文字、按钮到变体一条龙

这篇教程用一套可直接照做的步骤，带你在 Figma 从零搭建可交付的组件库：先定颜色 文字样式，再做按钮基础组件，最后用变体和交互状态把组件做成“能直接给开发用”的规范库。

教程分享 2个月前 73 0