Figma 自动布局从入门到可复用：用 3 个组件做出可伸缩卡片

这篇教程用一个“可伸缩卡片”实例，带你把 Figma 自动布局从能用做到可复用：从框架搭建、间距 对齐规则、约束与填充、文本自适应，到用组件 变体做出可维护的卡片体系。

教程分享 3个星期前 13 0

12个免费商用插画与图标资源站｜一篇清单直接收藏

做插画或UI时，最省时间的不是“去哪找”，而是手里有没有一份可复用的资源清单。下面整理了一组高质量的插画与图标资源站，能直接下载使用，适合做海报、PPT、网页与App界面。

设计经验 3个星期前 17 0

Figma：用 Auto Layout 做可复用按钮组件（变体 + 响应式）

这是一套可以直接照做的 Figma 按钮组件搭建流程：用 Auto Layout 做尺寸自适应，配合 Variants 管理默认 悬停 禁用等状态，并用组件属性实现图标 文字开关与对齐。按步骤完成后，你会得到可复用、可维...

教程分享 3个星期前 25 0

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

整理了12个常用的插画、图标与素材资源站点，覆盖矢量图标、插画库、渐变与配色生成器等，方便快速找到可用于商业项目的素材来源。

设计经验 3个星期前 14 0

Figma 实战：用 Auto Layout 做一个可复用的卡片组件（从0到可交付）

从零做一个可复用的 Figma 卡片组件：用 Auto Layout 规范间距与自适应规则，做出可伸缩的标题 正文 标签 按钮结构，并通过组件属性实现多状态切换，最终能直接交付给开发使用。

教程分享 3个星期前 13 0

设计素材工具清单｜12个可商用图标与插画资源

整理了 12 个常用图标与插画素材站点，适合做 UI、海报、电商与演示稿的日常补给。每个条目都给出链接与授权提示，打开就能直接挑素材，不写“教程”，只给可用清单。

设计经验 3个星期前 33 0

Figma 组件变体从零到可复用：用属性与自动布局做一套按钮系统

这篇教程用一套“按钮组件”为例，手把手演示如何在 Figma 里用 Auto Layout + Variants + 组件属性，把一堆零散按钮整理成可维护、可扩展的组件系统：结构怎么拆、属性怎么命名、状态怎么覆盖、以及交付...

教程分享 3个星期前 12 0

免费商用插画与图标工具清单｜20个优质资源站点

整理了一份偏实用的插画与图标资源清单，覆盖开源图标、插画库、矢量编辑与在线导出等方向。每个条目都标注了可商用与授权提示，方便快速找到适合项目的素材来源。

设计经验 3个星期前 13 0

Figma 实战：用 Auto Layout + 组件变体做一个可复用的按钮系统

从0搭一个按钮系统：用Auto Layout统一尺寸与间距，用组件属性和变体管理状态（默认 悬停 按下 禁用），并用Tokens变量实现全局换肤。

教程分享 3个星期前 14 0

12个图标素材网站清单｜授权清晰可商用

做设计找图标最怕踩授权坑。这份清单整理了常用图标素材网站，尽量标明是否可免费商用或需看协议，便于快速选择并合规使用。

设计经验 3个星期前 14 0