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

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

设计经验 3个星期前 17 0

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

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

教程分享 3个星期前 9 0

Figma 海报排版从零到可复用：自动布局 + 样式变量一套搞定

这篇教程用“可复用”的方式做一张海报：从网格与字体层级开始，逐步把标题区、卖点区、按钮区做成组件，再用自动布局和样式变量把间距、圆角、颜色、字号统一起来。照着做 20~40 分钟即可得到一套可套用到任意...

教程分享 3个星期前 22 0

12个免费商用图标与插画网站清单｜支持SVG与PNG下载

整理了12个常用的图标与插画站点，覆盖开源图库、商业友好素材与图标组件库。每条都给出直达链接与授权提示，方便快速挑选可用于品牌、UI与宣传物料的资源。

设计经验 3个星期前 20 0

Figma Auto Layout：做一套可复用的卡片组件（从排版到交付）

这篇教程用“Auto Layout + 组件变量 + 样式”三件套，在 Figma 里搭一套卡片组件：从排版结构、间距约束，到响应式尺寸和交付给开发的标注清单，照着做即可直接用于项目。

教程分享 3个星期前 14 0

免费商用设计资源清单｜图片、图标与插画一站收齐

这是一份偏实用的设计资源清单：从图片、图标到插画与配色工具，优先挑选可免费商用或可明确查看授权条款的网站，方便你快速找素材同时降低版权风险。

设计经验 3个星期前 21 0

Figma 组件变体实战：做一个可复用的按钮系统（含命名与交互规则）

这是一篇可以直接照做的 Figma 按钮组件搭建教程：从 Auto Layout 结构、状态 尺寸 类型变体，到命名规则、交互与团队交付检查清单。按步骤做完，你会得到一个可在项目中长期复用的按钮系统。

教程分享 3个星期前 16 0

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

整理了12个常用的图标与插画资源网站，包含开源 可商用选项，适合用于网页、App、PPT与品牌物料。每个条目都附上直达链接与使用提示，方便快速收藏。

设计经验 3个星期前 21 0

Figma：用自动布局做自适应卡片组件（从0到可复用）

这篇教程教你在 Figma 里用 Auto Layout 从零搭建可复用的卡片组件：定义内容结构、约束与间距、做变体（含 不含图片、不同按钮状态），并用嵌套自动布局实现真正的自适应。跟着步骤做完，你就能把卡片作为...

教程分享 3个星期前 18 0

Illustrator 教程：形状生成器 + 路径查找器做一套可复用的扁平图标（含导出规范）

这篇教程用 Illustrator 的形状生成器与路径查找器，从网格与关键线开始，快速做出一套统一风格的扁平图标，并给出描边 圆角 间距规范与 SVG PNG 导出设置，照着做就能落地到项目。

教程分享 3个星期前 15 0