Figma 自动布局进阶：10 分钟做出可伸缩的响应式卡片组件

用 Auto Layout + 组件属性快速做出可伸缩的卡片组件：支持内容自适应、左右布局切换、按钮随文字增长，并整理常见踩坑与排查方法。

教程分享 2个月前 47 0

插画素材工具清单｜12个免费商用插画网站合集

做品牌物料、海报或产品页面时，插画能快速建立情绪和识别度。下面整理 12 个常见的插画资源网站与工具，覆盖扁平、手绘、组件化人物与可编辑矢量等风格，适合在不同项目中快速找到合适的插画素材。

设计经验 2个月前 47 0

Figma 教程：用 Variables 做主题色与间距 Token，一键切换浅色/深色（可直接照做）

一篇可直接照做的 Figma Variables 实战教程：从建立颜色 间距变量开始，把变量绑定到样式与组件，最后用模式（Mode）实现浅色 深色一键切换，并整理常见坑与排错方法。

教程分享 2个月前 47 0

10 个免费商用图标与插画工具清单｜链接直达与协议提示

整理了 10 个常用的图标与插画资源 生成工具链接清单，逐条标注“免费商用”或“需看协议”，方便快速对比与挑选。

设计经验 2个月前 35 0

免费商用插画与图标资源清单｜12个高质量网站与协议提示

整理了12个常用插画与图标资源网站，每条都标注免费商用或需看协议，附直达链接，便于快速选型与对比。

设计经验 2个月前 54 0

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

整理 12 个常用的图标与插画资源站，涵盖开源图标库、矢量插画、动效与多风格图标。每条附官网链接与授权提示，方便快速挑选可用于商业项目的素材。

设计经验 2个月前 53 0

Figma 新手到进阶：用自动布局做一个可复用的响应式卡片组件（含命名与变体）

这篇教程带你从零搭一套“响应式卡片组件”，核心用 Figma 自动布局（Auto Layout）+ 变体（Variants）实现：内容长短可伸缩、不同状态可切换、落地到真实页面也不变形。按步骤照做即可复现。

教程分享 2个月前 57 0

15个免费商用设计资源网站清单｜图标插画Mockup一站收

这是一份偏“拿来就用”的设计资源清单，涵盖图标、插画、图片、Mockup、配色与动效素材等常见需求，适合日常做海报、网页、PPT与品牌物料时快速找素材。下面直接列出站点与要点。

设计经验 2个月前 798 0

Figma 组件变体：用 Auto Layout 做一套可切换状态的按钮（可复用模板）

这篇教程带你在 Figma 里从 0 搭一套按钮组件：用 Auto Layout 自动撑开、用 Variants 管理默认 悬停 按下 禁用状态，并加上交互原型，最后整理为可交付的组件库。

教程分享 2个月前 40 0

设计师资源清单｜免费图标 插画 字体与Mockup合集

这是一份面向日常平面与UI工作的资源清单，按“图标 插画 字体 Mockup与展示 免抠与纹理”等常用场景整理。每个条目都给出直达地址与版权提示，方便快速收藏与回查。

设计经验 2个月前 41 0