Figma 组件从零到可复用：Auto Layout + Variants 做一套按钮系统

这篇教程带你在 Figma 里从零搭建一套可复用的按钮组件：用 Auto Layout 统一内边距与对齐，用 Variants 管理尺寸与状态，并用变量 样式把颜色与圆角做成可维护的设计系统。按步骤操作即可直接复用到项目。

教程分享 3个星期前 15 0

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

整理了一份偏“免版权 可商用”方向的设计资源清单：字体、图标、插画、照片、配色与界面组件等。每个站点都给出链接和一句许可提示，方便你按需求快速筛选（最终仍以各站点最新协议为准）。

设计经验 3个星期前 21 0

Figma 字体排版快速上分：8步建立可复用的排版系统（含组件与样式）

从零搭建一套可复用的 Figma 排版系统：字体层级、行高与网格规则、Text Styles 命名、组件联动与落地检查。照着做 30 分钟即可把排版规范固化到文件里，后续做页面不再靠手感。

教程分享 3个星期前 21 0

设计师常用免费素材与工具清单｜从配色到图标一站搜齐

这份清单整理了设计工作里高频用到的配色、图标、插画、字体与样机等工具 资源网站，全部按用途分类列出，方便快速收藏与检索。每条都标注“免费商用”或“需看协议”，减少踩坑。

设计经验 3个星期前 21 0

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

整理了 20 个常用的图标与插画资源网站，覆盖开源图库、可编辑矢量、3D 插画与品牌插画等方向。每个条目都标注可商用提示与使用注意，便于快速选型与收藏。

设计经验 3个星期前 16 0

Figma 自动布局进阶：6 个约束做出可复用组件

这篇教程用一个可复用的按钮组件为例，讲清楚 Figma 自动布局里最容易踩坑的 6 个约束：填充 固定、内容撑开、间距、对齐、最小 最大尺寸以及响应式拉伸。照着做就能把组件做得更稳、更易改。

教程分享 3个星期前 32 0

12个插画与图标资源网站清单｜可商用授权一眼看懂

这是一份偏实用的清单：把常用插画与图标资源站按“免费商用 需看协议”快速标注，省去到处翻许可条款的时间。你可以直接按项目风格挑站点下载，做落地页、App界面、海报和演示都够用。

设计经验 3个星期前 13 0

Figma 实战：用变量 + 组件集做一套可切换的浅深色按钮系统（从 0 到交付）

教你在 Figma 用 Variables（变量）+ Component Set（组件集）搭一套按钮系统：同时覆盖主 次 危险按钮与多种状态，并能一键切换浅色 深色主题，适用于真实项目交付。

教程分享 3个星期前 12 0

Photoshop 统一色调教程：Camera Raw + LUT 一键套用（含预设导出）

用 Photoshop 的 Camera Raw 滤镜做一套可复用的调色预设，并导出 LUT，实现多张照片 海报 产品图的色调快速统一。本文按“建立基准—保存预设—批量套用—导出 LUT—常见问题”一步步操作，新手照做即可完成。

教程分享 3个星期前 66 0

品牌设计资源清单｜配色、字体、样机与图标一站式收藏

整理了一份偏“能直接拿来做品牌视觉”的资源清单，覆盖配色、渐变、字体、图标、样机与矢量素材等方向。每个条目都附上直达链接，并标注许可要点，便于快速收藏与备用。

设计经验 3个星期前 13 0