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

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

教程分享 2个月前 49 0

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

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

设计经验 2个月前 42 0

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

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

教程分享 2个月前 40 0

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

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

设计经验 2个月前 99 0

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

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

教程分享 2个月前 64 0

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

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

设计经验 2个月前 41 0

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

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

教程分享 2个月前 55 0

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

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

教程分享 2个月前 45 0

Photoshop 教程：用智能对象+色彩查找做 3 套海报配色方案

这是一篇可直接照做的 Photoshop 海报配色教程：从准备主视觉、建立调整图层，到用色彩查找与渐变映射快速生成 3 套风格统一的配色方案，并把配色打包成可复用的智能对象与 PSD 模板。

教程分享 2个月前 90 0

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

做设计时最耗时间的不是软件操作，而是反复找素材、对比授权、筛选质量。下面整理了一份常用的设计资源网站清单，覆盖图标、插画、纹理、配色与样机等方向，直接打开即可下载使用。

设计经验 2个月前 202 0