Figma 组件变体实战：30 分钟做一套可复用按钮系统

这篇教程用 30 分钟带你在 Figma 里从 0 搭一套可复用按钮组件：包含尺寸 状态 主题变体、Auto Layout 约束、组件属性命名与发布...

教程分享 6个月前 165 0

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

整理了 12 个常用的图标与插画资源网站，包含开源可商用与需要核对协议的选项。每个条目都附上直达链接和简短说明，方便你按项目风格快速挑选。

设计经验 6个月前 131 0

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

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

教程分享 6个月前 185 0

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

做品牌物料、海报或产品页面时，插画能快速建立情绪和识别度。下面整理 12 个常见的插画资源网站与工具，覆盖扁平、手绘、组件化人物与可...

设计经验 6个月前 1245 0

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

一篇可直接照做的 Figma Variables 实战教程：从建立颜色 间距变量开始，把变量绑定到样式与组件，最后用模式（Mode）实现浅色 深色一...

教程分享 6个月前 302 0

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

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

设计经验 6个月前 123 0

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

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

设计经验 6个月前 1238 0

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

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

设计经验 6个月前 190 0

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

这篇教程带你从零搭一套“响应式卡片组件”，核心用 Figma 自动布局（Auto Layout）+ 变体（Variants）实现：内容长短可伸缩、不同状态...

教程分享 6个月前 392 0

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

这是一份偏“拿来就用”的设计资源清单，涵盖图标、插画、图片、Mockup、配色与动效素材等常见需求，适合日常做海报、网页、PPT与品牌物料...

设计经验 6个月前 1456 0