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

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

教程分享 2个月前 45 0

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

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

设计经验 2个月前 39 0

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

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

设计经验 2个月前 57 0

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

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

教程分享 2个月前 47 0

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

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

设计经验 2个月前 36 0

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

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

教程分享 2个月前 26 0

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

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

设计经验 2个月前 46 0

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

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

教程分享 2个月前 61 0

设计资源清单｜12个免费商用素材与工具

整理了一份偏「拿来就用」的设计资源清单：从字体、图标、插画到配色与样机。每个条目都给出链接，并标明是否可免费商用或需要看协议，方便快速筛选。

设计经验 2个月前 36 0

Figma 自动布局实战：从卡片到响应式列表的完整步骤

手把手教你在 Figma 用 Auto Layout 搭出可复用的卡片组件，并用嵌套布局做出随容器宽度自适应的列表 栅格。包含常见坑位（间距塌陷、文本换行、填充规则）与检查清单。

教程分享 2个月前 27 0