12个高质量设计资源站｜图标 插画 字体 配色 一站式清单

不想在收藏夹里翻半天？这是一份可直接收藏的设计资源站清单，覆盖图标、插画、字体、配色、Mockup 与纹理。每条都给出网址与简短说明，并在第一行标明“免费商用”或“需看协议”，方便你快速筛选。

设计经验 3个星期前 27 0

Figma 自动布局进阶：用变量 + 组件做出真正响应式的卡片列表（可直接照做）

这篇教程用“可直接照做”的方式带你在 Figma 里用 Auto Layout + 组件 + 变量做出真正响应式的卡片列表：从结构拆分、约束设置，到不同断点的一键适配与常见坑的排查。

教程分享 3个星期前 16 0

Figma 从零做出可复用的海报网格：Auto Layout + 约束 + 组件变量实战

这篇教程用一个“可复用海报网格”为例，手把手讲清 Figma 里 Auto Layout、约束、布局网格、组件与变量的组合用法。照着做完，你会得到一套可快速换图换文、自动对齐、可一键生成多尺寸的海报模板。

教程分享 3个星期前 11 0

免费可商用设计资源清单｜字体、图标、插画与配色一站式

这是一份面向日常设计工作的资源清单，覆盖字体、图标、插画、配色、样机与灵感站点。每个条目都给出直达链接，并在描述第一行标注授权提示，方便快速筛选可用于商业项目的素材来源。

设计经验 3个星期前 18 0

Figma Variables 实战：做一套可切换的浅深色主题（含按钮/输入框组件）

这篇教程用最短路径带你在 Figma 里把 Variables 用起来：先搭颜色与字号变量，再建立 Light Dark 两套 Mode，最后把变量绑定到按钮与输入框组件，让整套 UI 一键切换主题并保持可维护。

教程分享 3个星期前 17 0

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

做视觉或产品界面时，最省时间的不是临时搜索，而是提前准备一份可直接用的资源清单。下面整理了 12 个常用的插画、图标与图形素材站点，覆盖 SVG PNG、风格化插画、扁平图标与开源图库，便于快速取用。

设计经验 3个星期前 20 0

12个免费商用设计资源工具｜配色 字体 图标 一站式清单

整理了 12 个常用的设计资源工具与素材站点，覆盖配色、字体、图标、插画、样机与灵感图库。每条都附上直达链接，并标注免费商用 需看协议，方便快速收藏与查找。

设计经验 3个星期前 92 0

12个免费可商用插画素材网站清单 | SVG与PNG一站下载

整理 12 个提供插画素材的网站，覆盖可下载 SVG PNG、可编辑矢量插画与多风格图库。每条包含链接与简要特点，方便快速选材（请按各站授权协议使用）。

设计经验 3个星期前 19 0

从零搭建高可复用的设计规范：字号、间距、组件命名一次讲清

想做一套好维护的设计规范，关键不在“好看”，而在可复用、可扩展、可对齐。本文用一套从零到一的方法，把字号体系、间距栅格、颜色语义、组件命名与交付规则讲清，并给出可直接落地的模板与检查清单。

教程分享 3个星期前 19 0

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

做设计找图标、插画和矢量素材时，最省时间的方法不是到处搜，而是准备一份稳定可用的资源清单。下面整理了常用的图标 插画站点，包含免费商用与需看协议两类，并标注了各自的适用场景，方便你按项目快速挑选。

设计经验 3个星期前 21 0