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

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

教程分享 2个星期前 12 0

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

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

教程分享 2个星期前 12 0

15个免费可商用图标插画资源网站清单 | 设计素材速查

整理了 15 个常用的图标与插画资源网站，覆盖 SVG 图标库、插画素材与组件化图标集合。每条都标注可商用情况，方便在做品牌物料、网页与产品界面时快速选型。

设计经验 2个星期前 8 0

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

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

教程分享 2个星期前 27 0

设计师灵感与配色工具清单｜从灵感到落地的常用网站

做设计时最怕的不是没有工具，而是工具太多、用到哪儿才想起哪儿。下面整理了一份偏“直接拿来就能用”的网站清单：从找灵感、定配色，到字体与图标等基础素材，每一项都附上地址和一句话说明，方便快速收藏与对比。

设计经验 2个星期前 21 0

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

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

设计经验 3个星期前 21 0

12个可商用设计资源网站清单｜字体 图标 插画 一站收齐

做设计时最费时间的不是画图，而是反复找“可用、可商用、质量稳定”的资源。下面整理了一份偏实用的资源清单：字体、图标、插画、配色、样机与图片，一篇打包，直接收藏备用。

设计经验 3个星期前 20 0

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

整理了一份常用的图标与插画素材网站清单，覆盖开源图标库、插画合集、可商用插画生成器与纹理背景资源。每条都给出直达链接，并标注是否免费商用或需要查看协议，方便快速比对与收藏。

设计经验 3个星期前 15 0

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

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

教程分享 3个星期前 12 0

免费商用设计资源网站清单｜图标 插画 字体 原型一站配齐

如果你需要快速搭建设计素材库，这份清单把常用的图标、插画、字体、配色与原型资源网站集中在一起，打开即用。每个条目都标明了许可建议与入口链接，方便收藏备用。

设计经验 3个星期前 15 0