Figma 组件变体实战：做一套可复用按钮（含尺寸/状态/图标）

用一套按钮组件把尺寸、状态、图标三类变化收进 Variants：从命名规范到交互原型，一步步照做即可复用到任何项目。

教程分享 2个月前 62 0

Illustrator 实战：用形状生成器做一套可扩展的几何图标（网格到导出SVG）

用 Illustrator 的“形状生成器”把基础几何形状快速组合成一套风格统一的图标，并用网格、描边与对齐规则保证可扩展与易改稿。最后批量导出 SVG PNG，直接用于 UI 或海报排版。

教程分享 2个月前 39 0

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

想快速做出一套可落地的视觉方案，最省时间的方法就是先把“可商用的图标与插画来源”备齐。下面整理了 12 个常用资源网站，覆盖图标、插画、纹理与配色灵感，适合做品牌物料、海报、电商详情页和 PPT 视觉统一。

设计经验 2个月前 138 0

Figma 实战：用变量 + 组件一键切换浅色/深色主题（可复用模板）

手把手教你在 Figma 里用 Variables（变量）+ Components（组件）搭一套可复用的主题系统：同一套组件在浅色 深色模式之间一键切换，适合做 App Web 的 UI 规范与组件库。

教程分享 2个月前 66 0

设计素材版权与免授权资源清单｜常用网站与工具导航

做设计离不开素材，但版权和授权条款经常被忽略。这份清单按类型整理常见可用资源与辅助工具，包含访问入口与简要说明，便于快速比对和自查。

设计经验 2个月前 449 0

Photoshop 实用修图：3分钟统一照片色调（Camera Raw + 曲线，可直接照做）

本教程教你用 Photoshop 的 Camera Raw 滤镜配合曲线，快速把一组照片调成统一风格。按步骤操作即可复现：先定基准曝光与白平衡，再用曲线锁定对比，最后用 HSL 和色彩分级做轻微风格化，并用同步设置批量套用。

教程分享 2个月前 46 0

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

整理了一份常用的设计资源网站清单，覆盖图标、插画、字体、配色与UI组件等方向，方便在不同项目里快速补齐素材。

设计经验 2个月前 54 0

Figma 零基础：用 Auto Layout 做一套可复用的按钮组件库（含间距/约束/变体）

这篇教程手把手教你在 Figma 里用 Auto Layout 做一套可复用的按钮组件库：从尺寸与间距规则、约束与对齐，到 Variant 变体与组件属性，让按钮在不同文案长度、图标组合和状态下都能自动适配。

教程分享 2个月前 48 0

设计师常用的免费商用素材站清单｜图标 插画 字体一站式

整理了一份设计师常用的素材资源清单，覆盖图标、插画、照片、字体与 mockup 等方向，便于你在不同项目场景下快速找到合适的素材来源。以下条目按站点 工具列出，并标注是否可免费商用或需要查看协议。

设计经验 2个月前 34 0

Figma 自动布局实战：用 Auto Layout 做可复用卡片组件（含响应式技巧）

手把手教你在 Figma 里用 Auto Layout 快速搭建可复用的卡片组件：从层级整理、间距与填充、内容自适应，到变体与响应式规则设置，最后附一份可直接照做的练习清单，照着做就能做出可扩展的组件库。

教程分享 2个月前 41 0