Figma 自动布局实战：用 Auto Layout 做可伸缩按钮与信息卡（含组件变体）

从 0 到 1 教你在 Figma 用 Auto Layout 做可伸缩按钮与信息卡：间距 对齐 填充与 Hug、文本自适应、变体状态（默认 悬停 禁用）、以及可复用的约束与排版习惯。照着做即可复刻。

教程分享 2个月前 43 0

设计素材与灵感工具清单｜配色 字体 图标 插画一站式

整理了一份偏实用的设计资源清单，覆盖配色、字体、图标、插画、素材与排版灵感等常用场景。每个条目都附上直达链接，并标注是否可免费商用，方便快速检索与收藏。

设计经验 2个月前 33 0

设计资源导航｜免费可商用插画与图标网站清单

这是一份偏“拿来就用”的设计资源清单，聚焦插画、图标与可视化素材站点。每个条目都给出直达链接，并标注是否支持免费商用或需要再核对协议，方便你在做品牌物料、PPT、海报与界面时快速选型与取材。

设计经验 2个月前 103 0

Figma 组件变体从零到可复用：命名、属性、交互三步走

手把手教你把常用按钮 表单这类组件做成 Figma 变体：先定命名规则和属性，再补齐 Auto Layout 和约束，最后用交互变体做出可演示的状态切换。按本文流程做完，你的组件库会更统一、替换更快、交付更稳。

教程分享 2个月前 65 0

Figma 自动布局实战：用 Auto Layout 做出可复用的按钮组件（含变体与响应式）

一篇可直接照做的 Figma Auto Layout 教程：从按钮基础结构开始，加入约束、内边距、间距、图标、变体与组件属性，最后做出能在不同文案长度与尺寸下自适应的可复用按钮组件。

教程分享 2个月前 69 0

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

整理15个常用的图标、插画与图片资源网站，标注免费商用或需看协议，适合做海报、UI、运营物料时快速找素材。

设计经验 2个月前 40 0

Figma 自动布局：用 Auto Layout 做可伸缩卡片组件（从 0 到可复用）

手把手带你在 Figma 里用 Auto Layout 做一个可伸缩的卡片组件：从基础结构、约束与间距，到可复用变体与响应式拉伸，做完就能直接套用到项目里。

教程分享 2个月前 32 0

Figma 实战：用 Auto Layout 做响应式卡片组件（从 0 到交付）

用一篇从零到交付的实战流程，带你在 Figma 里用 Auto Layout 做出可响应、可复用、可批量换数据的卡片组件，并沉淀为设计系统里的组件规范。

教程分享 2个月前 34 0

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

整理了 18 个常用的图标与插画素材网站，覆盖开源图标、矢量插画、3D 插画与 UI 图标库。每条都给出直达链接，并标注可否免费商用，方便你直接挑选可用素材。

设计经验 2个月前 39 0

Figma 网格与自动布局：做出可复用的响应式卡片组件（从 0 到交付）

这是一篇可以直接照做的 Figma 教程：用 8pt 网格 + Auto Layout，从零搭出一套可复用的响应式卡片组件，并把约束、变体、排版、导出与开发交付一并做对。

教程分享 2个月前 33 0