Figma 网格系统：8pt 规则与间距组件化的实操教程（可直接套用）

从 8pt 规则开始，把网格、间距、文字与组件约束统一起来：这篇用一套可落地的参数，让你在 Figma 里快速搭出稳定的栅格与间距体系，并把它变成团队可复用的组件规范。

教程分享 3个星期前 32 0

从图标到配色的15个设计资源工具清单｜高效完成从灵感到交付

这是一份偏“可直接拿来用”的设计资源工具清单：覆盖图标、插画、SVG、字体与配色网站。每一条都附上入口链接与简短说明，方便你快速建立自己的资源库。

设计经验 3个星期前 17 0

Figma 里做出可编辑的玻璃拟态卡片：背景模糊与阴影参数一套讲清

从 0 开始在 Figma 里做一张可复用的玻璃拟态卡片组件：背景模糊怎么设置更真实、双层阴影参数怎么配、如何保证文字可读性和组件可编辑性。

教程分享 3个星期前 9 0

设计师常用的免费资源网站清单｜图标 插画 纹理一站收齐

这份清单整理了常用的图标、插画、纹理与配色等设计资源网站，并按是否可免费商用进行标注，打开即可下载使用。

设计经验 3个星期前 13 0

设计资源清单｜15个免费商用与协议须知网站

整理了一份常用设计资源清单，涵盖图标、插画、字体、配色与素材搜索等网站。每个条目都标注“免费商用 需看协议”，便于快速判断版权风险。

设计经验 3个星期前 16 0

Figma 组件变体 + 自动布局：做一套可复用按钮/卡片组件库（新手可照做）

用 Figma 的 Auto Layout + Variants 从零做一套可复用按钮 卡片组件库：尺寸自适应、状态可切换、命名规范可交付团队，按步骤照做即可直接落地到项目。

教程分享 3个星期前 14 0

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

做图时最耗时间的往往不是绘制，而是找对“可商用、质量高、格式全”的图标与插画。下面整理了一份偏实用的素材清单：每个网站都给出直达链接，并在描述首行标注授权提示，方便你在不同项目里快速选用。

设计经验 3个星期前 17 0

Figma 按钮组件从 0 到 1：Auto Layout + 变量做一套可维护的状态系统

这篇教程用一套可直接照做的流程，教你在 Figma 里用 Auto Layout 和 Variables 搭出按钮组件（尺寸 层级 状态 禁用），并把约束、命名、交互与落地规范一次做对。

教程分享 3个星期前 11 0

设计资源站点清单｜12个高质量素材与组件来源

想快速搭建视觉方案，最省时间的做法是先把素材与组件的可靠来源整理好。下面这份清单覆盖图标、插画、配色、UI组件、样机与纹理等常用方向，便于按项目需要直接取用。

设计经验 3个星期前 18 0

Photoshop 霓虹发光文字海报：智能对象+图层样式一步到位

这篇教程带你用 Photoshop 从零做一张可复用的霓虹发光文字海报：先搭背景与网格，再用智能对象保持文字可编辑，最后用图层样式与模糊叠加做出真实的发光与氛围。步骤细到每个面板参数，新手照做也能出图。

教程分享 3个星期前 19 0