设计 - 教程分享 - 第4页

Figma 10分钟搭一套可复用按钮组件：Variants + Auto Layout 实战

用 Figma 的 Variants + Auto Layout 快速搭建一套可复用的按钮组件（尺寸、样式、状态、图标一并覆盖），按步骤做完即可直接拿去做小型设计系统。

教程分享 18小时前 0

Figma 自动布局 + 组件变体：做一套可复用的卡片列表（从 0 到可交付）

从零搭建一套可复用的 Figma 卡片组件：自动布局、变体、图标文字约束与响应式拉伸规则一次讲清，按步骤做完即可直接用于交付。

教程分享 19小时前 0

12个设计资源网站清单｜图标字体配色一站收

做设计最怕临时找不到合适的素材和工具。下面整理了一份偏实用的资源清单，覆盖图标、字体、插画、配色、Mockup、纹理等方向，挑常用且链接稳定的网站，打开就能直接下载或在线生成。

设计经验 19小时前 0

Figma 实战：用 Auto Layout + 变量做可复用按钮组件（从 0 到交付）

这篇教程带你在 Figma 里从零搭建一套可复用的按钮组件：用 Auto Layout 做结构，用 Variables 管状态，用 Component properties 做开关，最后整理成可交付的组件说明与命名规范。照着做即可复刻到你的项目。

教程分享 20小时前 0

Figma 一键做出可复用的按钮组件：Auto Layout + Variants 实战

手把手教你用 Auto Layout 和 Variants 在 Figma 里搭建一套可复用按钮组件：从尺寸状态图标到交互演示，做完即可直接放进设计系统。

教程分享 20小时前 0

Figma 自动布局 + 组件变体：做一套可复用按钮系统（从规范到交付）

这篇教程用一个可落地的案例，带你在 Figma 里用 Auto Layout、组件变体和状态命名，搭一套可复用的按钮组件库。包含尺寸、圆角、图标、禁用加载态、交付开发的标注与导出流程。

教程分享 20小时前 0

12个可商用设计资源站｜图标插画字体配色清单

把常用的图标、插画、字体、配色与背景生成工具整理成一份可商用资源清单，方便做海报、UI、PPT时快速查找与下载。

设计经验 21小时前 0

Figma 自动布局进阶：用组件变量做可复用按钮系统（一步步照做）

用 Figma 的 Auto Layout + 组件变量搭一套可复用按钮系统：三种尺寸、三种状态、可切换主题。按步骤操作即可直接在项目里落地。

教程分享 21小时前 0

12个免费插画与图标资源网站｜收藏级清单：UI设计快速出图

整理了 12 个常用的插画图标资源网站，覆盖可编辑 SVG、成套插画库与开源图标。每个条目都标注授权提示，方便你在项目里更安心地选用。

设计经验 21小时前 0

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

手把手教你在 Figma 用 Auto Layout 从零搭一个可复用的卡片组件：定义层级、约束与间距，做出可拉伸的标题摘要标签区，并打包为可变体组件，方便在海报、信息流或后台页面里快速复用。

教程分享 21小时前 0

Figma 组件从零到可复用：Auto Layout + Variants 做一套按钮系统

这篇教程带你在 Figma 里从零搭建一套可复用的按钮组件：用 Auto Layout 统一内边距与对齐，用 Variants 管理尺寸与状态，并用变量样式把颜色与圆角做成可维护的设计系统。按步骤操作即可直接复用到项目。

教程分享 21小时前 0

12 个免费商用设计资源网站｜图标字体配色一站式清单

整理了一份偏“免版权可商用”方向的设计资源清单：字体、图标、插画、照片、配色与界面组件等。每个站点都给出链接和一句许可提示，方便你按需求快速筛选（最终仍以各站点最新协议为准）。

设计经验 22小时前 0

Figma 字体排版快速上分：8步建立可复用的排版系统（含组件与样式）

从零搭建一套可复用的 Figma 排版系统：字体层级、行高与网格规则、Text Styles 命名、组件联动与落地检查。照着做 30 分钟即可把排版规范固化到文件里，后续做页面不再靠手感。

教程分享 22小时前 0

设计师常用免费素材与工具清单｜从配色到图标一站搜齐

这份清单整理了设计工作里高频用到的配色、图标、插画、字体与样机等工具资源网站，全部按用途分类列出，方便快速收藏与检索。每条都标注“免费商用”或“需看协议”，减少踩坑。

设计经验 22小时前 0

免费商用图标与插画资源清单｜20个高质量网站

整理了 20 个常用的图标与插画资源网站，覆盖开源图库、可编辑矢量、3D 插画与品牌插画等方向。每个条目都标注可商用提示与使用注意，便于快速选型与收藏。

设计经验 23小时前 0

Figma 自动布局进阶：6 个约束做出可复用组件

这篇教程用一个可复用的按钮组件为例，讲清楚 Figma 自动布局里最容易踩坑的 6 个约束：填充固定、内容撑开、间距、对齐、最小最大尺寸以及响应式拉伸。照着做就能把组件做得更稳、更易改。

教程分享 23小时前 0

12个插画与图标资源网站清单｜可商用授权一眼看懂

这是一份偏实用的清单：把常用插画与图标资源站按“免费商用需看协议”快速标注，省去到处翻许可条款的时间。你可以直接按项目风格挑站点下载，做落地页、App界面、海报和演示都够用。

设计经验 23小时前 0

Figma 实战：用变量 + 组件集做一套可切换的浅深色按钮系统（从 0 到交付）

教你在 Figma 用 Variables（变量）+ Component Set（组件集）搭一套按钮系统：同时覆盖主次危险按钮与多种状态，并能一键切换浅色深色主题，适用于真实项目交付。

教程分享 23小时前 0

品牌设计资源清单｜配色、字体、样机与图标一站式收藏

整理了一份偏“能直接拿来做品牌视觉”的资源清单，覆盖配色、渐变、字体、图标、样机与矢量素材等方向。每个条目都附上直达链接，并标注许可要点，便于快速收藏与备用。

设计经验 1天前 0

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

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

教程分享 1天前 0

#设计

Figma 10分钟搭一套可复用按钮组件：Variants + Auto Layout 实战

Figma 自动布局 + 组件变体：做一套可复用的卡片列表（从 0 到可交付）

12个设计资源网站清单｜图标字体配色一站收

Figma 实战：用 Auto Layout + 变量做可复用按钮组件（从 0 到交付）

Figma 一键做出可复用的按钮组件：Auto Layout + Variants 实战

Figma 自动布局 + 组件变体：做一套可复用按钮系统（从规范到交付）

12个可商用设计资源站｜图标插画字体配色清单

Figma 自动布局进阶：用组件变量做可复用按钮系统（一步步照做）

12个免费插画与图标资源网站｜收藏级清单：UI设计快速出图

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

Figma 组件从零到可复用：Auto Layout + Variants 做一套按钮系统

12 个免费商用设计资源网站｜图标字体配色一站式清单

Figma 字体排版快速上分：8步建立可复用的排版系统（含组件与样式）

设计师常用免费素材与工具清单｜从配色到图标一站搜齐

免费商用图标与插画资源清单｜20个高质量网站

Figma 自动布局进阶：6 个约束做出可复用组件

12个插画与图标资源网站清单｜可商用授权一眼看懂

Figma 实战：用变量 + 组件集做一套可切换的浅深色按钮系统（从 0 到交付）

品牌设计资源清单｜配色、字体、样机与图标一站式收藏

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

大家都在看

设计笔记

#设计

Figma 10分钟搭一套可复用按钮组件：Variants + Auto Layout 实战

Figma 自动布局 + 组件变体：做一套可复用的卡片列表（从 0 到可交付）

12个设计资源网站清单｜图标 字体 配色一站收

Figma 实战：用 Auto Layout + 变量做可复用按钮组件（从 0 到交付）

Figma 一键做出可复用的按钮组件：Auto Layout + Variants 实战

Figma 自动布局 + 组件变体：做一套可复用按钮系统（从规范到交付）

12个可商用设计资源站｜图标 插画 字体 配色 清单

Figma 自动布局进阶：用组件变量做可复用按钮系统（一步步照做）

12个免费插画与图标资源网站｜收藏级清单：UI设计快速出图

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

Figma 组件从零到可复用：Auto Layout + Variants 做一套按钮系统

12 个免费商用设计资源网站｜图标 字体 配色 一站式清单

Figma 字体排版快速上分：8步建立可复用的排版系统（含组件与样式）

设计师常用免费素材与工具清单｜从配色到图标一站搜齐

免费商用图标与插画资源清单｜20个高质量网站

Figma 自动布局进阶：6 个约束做出可复用组件

12个插画与图标资源网站清单｜可商用授权一眼看懂

Figma 实战：用变量 + 组件集做一套可切换的浅深色按钮系统（从 0 到交付）

品牌设计资源清单｜配色、字体、样机与图标一站式收藏

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

大家都在看

设计笔记

12个设计资源网站清单｜图标字体配色一站收

12个可商用设计资源站｜图标插画字体配色清单

12 个免费商用设计资源网站｜图标字体配色一站式清单