设计 - 设计经验 - 第13页

12个插画与图标资源站｜覆盖常用场景的免费商用清单

这份清单汇总了常用的插画与图标资源网站，按“可免费商用需看协议”做了标注，适合做海报、PPT、网页与产品界面时快速找素材。

设计经验 2个星期前 0

Figma 自动布局 + 变量：从 0 搭一套可复用按钮组件（可直接照做）

一步一步教你用 Figma 的 Auto Layout（自动布局）+ Variables（变量）做一套可复用的按钮组件，包含尺寸圆角颜色状态与组件属性设置，按流程照做即可直接落地到项目。

教程分享 2个星期前 0

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

这份清单汇总了常用的设计资源站点，覆盖图标、字体、插画、配色与组件等方向。每个条目都标注了可商用情况提示，便于在做品牌、海报、UI与内容配图时快速检索。

设计经验 2个星期前 0

Figma Variants + Auto Layout：做一套可复用按钮组件（从0到可交付）

从 Auto Layout 打底，到用 Variants 做出可切换状态的按钮组件，再到组件命名属性发布给团队，这篇带你一步一步做出“能直接在项目里用”的按钮库。

教程分享 2个星期前 0

15 个排版与网格工具清单｜让版式更稳更快

排版做不稳，很多时候不是灵感不够，而是缺少一套好用的网格与版式辅助工具。下面整理了一份排版与网格工具清单：先用它们快速搭好结构，再把时间花在信息层级与细节打磨上。

设计经验 2个星期前 0

Figma：10分钟搭一套可扩展的间距与字号规范（变量+样式命名一步到位）

手把手在 Figma 里建立“字号+行高+间距”三件套：用变量（Variables）统一数值、用文本样式间距样式规范命名，并教你如何在组件与 Auto Layout 中快速套用。按步骤做完，你的文件会更好维护，也更容易和开发对齐。

教程分享 2个星期前 0

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

做UI、PPT、海报或产品落地页时，最省时间的不是自己从零画，而是先把可用的图标与插画素材库收进书签。下面整理10个常用资源站，按许可类型标注，打开即用。

设计经验 2个星期前 0

12个免费商用插画与图标资源站清单｜含矢量、3D与动效素材

这是一份面向设计师的插画与图标资源站清单，覆盖矢量、3D、动效与可编辑素材。每条都标注免费商用或需看协议，方便你在做海报、App界面、运营配图时快速挑选合适资源。

设计经验 2个星期前 0

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

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

教程分享 2个星期前 0

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

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

设计经验 2个星期前 0

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

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

教程分享 2个星期前 0

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

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

设计经验 2个星期前 0

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

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

教程分享 2个星期前 0

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

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

设计经验 2个星期前 0

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

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

教程分享 2个星期前 0

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

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

教程分享 2个星期前 0

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

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

设计经验 2个星期前 0

Figma 网格系统实战：用 8pt 规则把页面排版一次做对

这是一份可以直接照做的 Figma 排版教程：从布局网格、8pt 间距体系、字体层级到组件化落地，带你把页面对齐与留白一次性整理成可复用的规范。

教程分享 2个星期前 0

配色与可访问性工具清单｜从灵感取色到落地规范

这是一份专注“配色获取 + 对比度可访问性校验 + 落地到色板与规范”的工具清单。每个工具都给出官网链接与适用场景，方便你在做品牌色、界面主题色和组件状态色时快速完成从灵感到验收的闭环。

设计经验 2个星期前 0

免费商用图标插画资源清单｜常用素材网站一篇收齐

做海报、封面、落地页时，最耗时间的往往不是排版，而是找“能用、好看、可下载”的图标和插画。下面整理一份常用资源清单，先给简介，再直接列出网站与注意事项，方便随用随查。

设计经验 2个星期前 0

#设计

12个插画与图标资源站｜覆盖常用场景的免费商用清单

Figma 自动布局 + 变量：从 0 搭一套可复用按钮组件（可直接照做）

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

Figma Variants + Auto Layout：做一套可复用按钮组件（从0到可交付）

15 个排版与网格工具清单｜让版式更稳更快

Figma：10分钟搭一套可扩展的间距与字号规范（变量+样式命名一步到位）

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

12个免费商用插画与图标资源站清单｜含矢量、3D与动效素材

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

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

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

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

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

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

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

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

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

Figma 网格系统实战：用 8pt 规则把页面排版一次做对

配色与可访问性工具清单｜从灵感取色到落地规范

免费商用图标插画资源清单｜常用素材网站一篇收齐

大家都在看

设计笔记