Figma 自动布局从入门到实战：3 个例子做出可复用组件

这篇教程用 3 个可直接照做的例子讲清 Figma 自动布局（Auto Layout）的核心概念与常见坑：方向与间距、填充 固定尺寸、约束与响应式，以及如何把按钮 卡片做成可复用组件。按步骤操作即可复刻。

教程分享 3个星期前 15 0

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

整理了 18 个常用图标与插画素材网站，覆盖开源图标、矢量插画、3D插画与多风格素材库。每个条目都标注了是否可免费商用，便于你快速挑选合适资源。

设计经验 3个星期前 22 0

Figma 组件变体进阶：用属性面板做可配置按钮（零代码）

这篇教程教你用 Figma 的 Variants 和组件属性（Property）做一个“可配置按钮”组件：支持主 次、尺寸、左 右图标、加载态与禁用态，并把命名、约束与发布规范一次做对。

教程分享 3个星期前 19 0

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

这份清单整理了常用的图标与插画素材站，方便你在做海报、网页、PPT、产品界面时快速找到合适的视觉素材。每个站点都给出链接与授权提示，实际商用前建议再核对对应页面的协议说明。

设计经验 3个星期前 81 0

Figma 海报排版实战：用网格与字体层级快速做出可交付的视觉稿

一篇可直接照做的 Figma 海报排版教程：从画板尺寸、网格系统、字体层级到配色与导出规范，按步骤做完即可得到可交付的视觉稿。

教程分享 3个星期前 15 0

Figma 从 0 到 1：用 Variants + Auto Layout 做一套可复用按钮组件

用一套清晰的命名与结构，把按钮做成可复用组件：支持尺寸、样式、状态与图标开关，并能在项目里一键替换。本文按步骤操作即可完成。

教程分享 3个星期前 13 0

Figma 栅格系统实战：从 8pt 规则到可复用的布局组件

这篇教程用一个可复用的页面框架示例，手把手教你在 Figma 里建立 8pt 间距体系、桌面 平板 移动三档栅格，并把栅格规则封装成可套用的 Auto Layout 布局组件，让后续做海报、落地页或后台页面时对齐一...

教程分享 3个星期前 11 0

设计资源清单｜10 个免费可商用插画与图标工具

想找插画、图标等设计素材时，最难的是确认授权范围。这份清单整理了常用的插画与图标资源 工具，并把“可否免费商用”放在每条描述的第一行，方便快速筛选。

设计经验 3个星期前 17 0

Figma 自动布局 + 组件变体：做一套可复用的按钮系统（含命名规范）

手把手教你在 Figma 里用 Auto Layout + 组件属性 + 变体，快速搭一套可复用的按钮组件，并给出一套能长期维护的命名 分层规则。

教程分享 3个星期前 11 0

免费可商用设计资源清单 | 图标 插画 字体 配色

想快速搭建一套稳定的设计素材来源，不必到处搜零散链接。下面整理了一份偏“可直接拿来用”的在线资源清单，覆盖图标、插画、字体与配色等常用场景，并尽量标注授权注意事项。

设计经验 3个星期前 17 0