设计 - 设计经验 - 第9页

Figma 新手到进阶：用自动布局做一个可复用的响应式卡片组件（含命名与变体）

这篇教程带你从零搭一套“响应式卡片组件”，核心用 Figma 自动布局（Auto Layout）+ 变体（Variants）实现：内容长短可伸缩、不同状态可切换、落地到真实页面也不变形。按步骤照做即可复现。

教程分享 2个星期前 0

15个免费商用设计资源网站清单｜图标插画Mockup一站收

这是一份偏“拿来就用”的设计资源清单，涵盖图标、插画、图片、Mockup、配色与动效素材等常见需求，适合日常做海报、网页、PPT与品牌物料时快速找素材。下面直接列出站点与要点。

设计经验 2个星期前 0

设计师资源清单｜免费图标插画字体与Mockup合集

这是一份面向日常平面与UI工作的资源清单，按“图标插画字体 Mockup与展示免抠与纹理”等常用场景整理。每个条目都给出直达地址与版权提示，方便快速收藏与回查。

设计经验 2个星期前 0

设计师常用资源导航｜免费商用素材与工具清单

这是一份面向日常创作的设计资源清单，精选字体、图标、配色、插画与灵感站点，并标注免费商用或需看协议，方便你快速找到可用资源。

设计经验 2个星期前 0

Figma 组件一键换肤：用 Variants + Token 变量做浅色/深色主题（可直接套用）

这是一套可直接照做的 Figma 主题换肤流程：用 Variants 承载状态，用 Variables Token 管理颜色与间距，5 分钟把组件库改成可一键切换浅色深色并可扩展多品牌。

教程分享 2个星期前 0

Figma 10分钟做出可复用按钮组件：Variants + Auto Layout 实战

用一个可直接复用的“按钮组件”案例，带你把 Auto Layout 和 Variants 串起来：从基础按钮到多尺寸、多状态（默认悬停禁用），并学会如何在项目里快速调用与维护。

教程分享 2个星期前 0

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

想做干净的 UI 图标、插画或运营配图，又不想在授权上踩雷？这份清单整理了常用的图标与插画资源网站，包含可商用的免费资源与需要查看协议的平台，方便你按项目快速挑选。

设计经验 2个星期前 0

Figma 自动布局：从零做一个可复用的卡片组件（含响应式间距规则）

一篇可直接照做的 Figma Auto Layout 教程：从框架到组件、约束与响应式间距设置，最后整理成可复用的卡片组件与规范检查清单。

教程分享 2个星期前 0

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

做设计时最耗时间的不是画图，而是找得到、用得放心的素材。下面整理了一份插画、图标与矢量资源网站清单：先用一段时间把常用站点收藏起来，后续做方案会快很多。每个条目都标注了是否可免费商用或需要查看协议。

设计经验 2个星期前 0

Figma 自动布局：做一个可复用的卡片组件并一键适配多尺寸

这篇教程用一个真实的“卡片组件”例子，手把手讲清 Figma 自动布局（Auto Layout）的结构搭建、约束设置、变体组织与多尺寸适配。跟着做完，你会得到一个可复用、可扩展、改文案不跑版的组件。

教程分享 2个星期前 0

Figma 零基础做出可交付的组件库：颜色、文字、按钮到变体一条龙

这篇教程用一套可直接照做的步骤，带你在 Figma 从零搭建可交付的组件库：先定颜色文字样式，再做按钮基础组件，最后用变体和交互状态把组件做成“能直接给开发用”的规范库。

教程分享 2个星期前 0

免费可商用设计素材清单｜20个字体、图标、插画与Mockup资源站

整理了一份偏“直接可用”的设计素材导航：涵盖字体、图标、插画、图片、Mockup、配色与在线工具。每一项都附上链接，并在第一行标注是否可免费商用或需要看协议，方便你快速筛选。

设计经验 2个星期前 0

Figma：用 Auto Layout 做一套可伸缩的卡片组件（从0到可复用）

这篇教程带你从 0 开始在 Figma 用 Auto Layout 搭一套“可伸缩卡片组件”：包含封面图、标题、说明、按钮等元素。你会学到如何设置 padding gap、约束与换行、Variants 做尺寸与状态、Variables 管理...

教程分享 2个星期前 0

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

整理了12个常用的图标与插画资源网站，适合做UI、海报与产品页面的快速配图。每个条目都标注了是否可免费商用，便于收藏备用。

设计经验 2个星期前 0

Figma 海报栅格系统实战：从 0 搭建可复用版式（含组件与自动布局）

这是一套可以直接照做的 Figma 海报版式教程：从画板与栅格参数开始，逐步建立标题副标题正文按钮等可复用组件，并用自动布局把整张海报“拼装”出来。最后补充导出规范与常见排版坑，做完即可复用到后续...

教程分享 2个星期前 0

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

整理了一份偏实用的设计资源清单，覆盖图标与插画两类常用素材来源。每个条目都标注是否可免费商用或需要查看协议，方便你快速选型与落地。

设计经验 2个星期前 0

Figma 海报排版实战：用 8px 栅格做出高级留白

从画板与栅格开始，手把手完成一张“活动海报”版式：先用 8px 规则建立节奏，再用字体层级与留白把信息拉开距离，最后用组件与自动布局做成可复用模板。

教程分享 2个星期前 0

设计资源清单｜免费商用插画图标纹理 Mockup 网站合集

整理一份偏“资源导航”的设计网站清单：插画、图标、纹理图案、Mockup 等。每条都附官网地址，并标注是否可免费商用或需查看协议，方便你快速找到合适的素材来源。

设计经验 2个星期前 0

Figma 网格系统实战：10分钟做出专业海报排版（从设置到导出）

这是一份可直接照做的 Figma 海报排版教程：从建立网格、设置字体层级到对齐与导出，10分钟做出更专业的版式。

教程分享 2个星期前 0

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

整理了一份偏实用的插画与图标资源清单，覆盖开源图库、矢量图标库、插画生成与组件化插画等类型；每个条目都附上官网链接，并标注授权要点，便于快速挑选适合项目的素材来源。

设计经验 2个星期前 0

#设计

Figma 新手到进阶：用自动布局做一个可复用的响应式卡片组件（含命名与变体）

15个免费商用设计资源网站清单｜图标插画Mockup一站收

设计师资源清单｜免费图标插画字体与Mockup合集

设计师常用资源导航｜免费商用素材与工具清单

Figma 组件一键换肤：用 Variants + Token 变量做浅色/深色主题（可直接套用）

Figma 10分钟做出可复用按钮组件：Variants + Auto Layout 实战

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

Figma 自动布局：从零做一个可复用的卡片组件（含响应式间距规则）

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

Figma 自动布局：做一个可复用的卡片组件并一键适配多尺寸

Figma 零基础做出可交付的组件库：颜色、文字、按钮到变体一条龙

免费可商用设计素材清单｜20个字体、图标、插画与Mockup资源站

Figma：用 Auto Layout 做一套可伸缩的卡片组件（从0到可复用）

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

Figma 海报栅格系统实战：从 0 搭建可复用版式（含组件与自动布局）

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

Figma 海报排版实战：用 8px 栅格做出高级留白

设计资源清单｜免费商用插画图标纹理 Mockup 网站合集

Figma 网格系统实战：10分钟做出专业海报排版（从设置到导出）

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

大家都在看

设计笔记

#设计

Figma 新手到进阶：用自动布局做一个可复用的响应式卡片组件（含命名与变体）

15个免费商用设计资源网站清单｜图标插画Mockup一站收

设计师资源清单｜免费图标 插画 字体与Mockup合集

设计师常用资源导航｜免费商用素材与工具清单

Figma 组件一键换肤：用 Variants + Token 变量做浅色/深色主题（可直接套用）

Figma 10分钟做出可复用按钮组件：Variants + Auto Layout 实战

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

Figma 自动布局：从零做一个可复用的卡片组件（含响应式间距规则）

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

Figma 自动布局：做一个可复用的卡片组件并一键适配多尺寸

Figma 零基础做出可交付的组件库：颜色、文字、按钮到变体一条龙

免费可商用设计素材清单｜20个字体、图标、插画与Mockup资源站

Figma：用 Auto Layout 做一套可伸缩的卡片组件（从0到可复用）

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

Figma 海报栅格系统实战：从 0 搭建可复用版式（含组件与自动布局）

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

Figma 海报排版实战：用 8px 栅格做出高级留白

设计资源清单｜免费商用插画 图标 纹理 Mockup 网站合集

Figma 网格系统实战：10分钟做出专业海报排版（从设置到导出）

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

大家都在看

设计笔记

设计师资源清单｜免费图标插画字体与Mockup合集

设计资源清单｜免费商用插画图标纹理 Mockup 网站合集