Figma 自动布局实战：用 Auto Layout 做出可复用的按钮与表单组件

这是一篇可直接照做的 Figma Auto Layout 实战教程：从按钮到表单组件，讲清结构搭建、约束设置、可伸缩策略与常见坑的排查方法。

教程分享 2个星期前 25 0

12个纹理与图案生成工具｜从纸纹到噪点一站式

想快速做出可用的纸张纹理、噪点颗粒、抽象图案或渐变背景？这份清单汇总了常用的在线纹理 图案生成工具与素材站点，按链接直达，适合做海报底纹、UI 背景与品牌延展。

设计经验 2个星期前 19 0

Figma 教程：用 Auto Layout + Variants 做一套可复用的卡片组件（新手可照做）

这篇教程手把手带你在 Figma 里用 Auto Layout（自动布局）和 Variants（组件变体）做一套可复用的卡片组件：结构如何搭、间距怎么设、状态怎么做、如何一键替换内容并保持对齐。

教程分享 2个星期前 13 0

15个可商用设计资源站点｜图标 字体 插画 模板 一站式清单

这是一份偏实用的设计资源清单，按图标 字体 插画 配色 样机等维度整理常用网站。每个条目都附上直达链接，并标注是否可免费商用或需看协议，便于快速选用。

设计经验 2个星期前 13 0

Figma 组件变体实战：从零搭建可复用按钮系统（命名/约束/交付）

手把手教你在 Figma 用 Auto Layout + Variants 搭建一套可复用的按钮组件：从尺寸与状态规划、属性命名、约束设置到交付给开发的规范，一篇照着做就能落地。

教程分享 2个星期前 14 0

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

想快速搭建可商用的视觉素材库，可以从图标与插画资源站开始：下载格式齐全、授权说明清晰、支持 SVG PNG 的站点优先。本清单整理了常用的免费商用与需看协议的资源入口，覆盖图标、插画、3D 图形与 UI 组...

设计经验 2个星期前 41 0

Photoshop 蒙版 + 调整图层：5 步统一海报光影与色调（可直接照做）

这篇教程用一个常见“人物+背景+文字”的海报场景，教你用蒙版与调整图层在 5 个步骤内统一画面的光影方向与整体色调。全程非破坏式，适合新手直接照做，也方便后续替换素材复用。

教程分享 2个星期前 15 0

插画与矢量素材站点清单｜免费商用与协议提示

整理一份常用的插画与矢量素材网站清单，覆盖图标、插画、矢量图库与可编辑模板等资源。每个站点都标注是否可免费商用或需要查看授权协议，方便你在做海报、PPT、网页与品牌物料时快速选到合适资源。

设计经验 2个星期前 13 0

Figma 栅格 + 自动布局：10 分钟做出可复用的海报版式

用 Figma 的 Layout Grid、Auto Layout 和组件变体，快速搭一套可复用的海报版式：从画板尺寸、栅格设定、排版层级到导出规范，一次配置，多次复用。

教程分享 2个星期前 22 0

免费可商用插画资源清单｜15个高质量矢量与SVG插画网站

想快速找到可用于海报、网页、PPT 的插画素材，最省时间的方式就是准备一份靠谱的站点清单。下面整理了 15 个常用的矢量与 SVG 插画网站，覆盖免费可商用与需要看协议两类，直接按需挑选即可。

设计经验 2个星期前 16 0