设计 - 设计经验 - 第10页

Figma 教程：用变量+样式一键统一组件圆角与描边（可维护设计系统）

这篇教程教你在 Figma 里用 Variables（变量）+ Styles（样式）把组件的圆角与描边做成可全局维护的规则：一次配置，批量生效，后续改规范不再逐个手动改组件。

教程分享 2个星期前 0

设计师资源清单｜14个免费商用插画与图标网站合集

这是一份面向设计师内容创作者的资源清单，集中整理了常用的插画、图标与SVG素材站点。每个条目都标注了“免费商用”或“需看协议”，便于你在做海报、UI、PPT、公众号配图时快速选型并降低版权风险。

设计经验 2个星期前 0

Figma 自动布局+组件变体：做一套可一键切换的按钮组件（含禁用/加载）

用自动布局和组件变体在 Figma 里搭一套按钮组件，支持主次文字按钮、尺寸、禁用和加载状态，并用属性面板快速切换。

教程分享 2个星期前 0

平面设计配色工具清单｜快速出图的在线配色方案

做设计最费时间的往往不是画，而是反复试色。这份清单整理了常用的在线配色与取色工具，适合做海报、UI、插画时快速找到稳定的色彩方案。

设计经验 2个星期前 0

Figma 自动布局实战：用 Auto Layout 做出可复用的按钮与表单组件

这是一篇可直接照做的 Figma Auto Layout 实战教程：从按钮到表单组件，讲清结构搭建、约束设置、可伸缩策略与常见坑的排查方法。

教程分享 2个星期前 0

12个纹理与图案生成工具｜从纸纹到噪点一站式

想快速做出可用的纸张纹理、噪点颗粒、抽象图案或渐变背景？这份清单汇总了常用的在线纹理图案生成工具与素材站点，按链接直达，适合做海报底纹、UI 背景与品牌延展。

设计经验 2个星期前 0

Figma 教程：用 Auto Layout + Variants 做一套可复用的卡片组件（新手可照做）

这篇教程手把手带你在 Figma 里用 Auto Layout（自动布局）和 Variants（组件变体）做一套可复用的卡片组件：结构如何搭、间距怎么设、状态怎么做、如何一键替换内容并保持对齐。

教程分享 2个星期前 0

15个可商用设计资源站点｜图标字体插画模板一站式清单

这是一份偏实用的设计资源清单，按图标字体插画配色样机等维度整理常用网站。每个条目都附上直达链接，并标注是否可免费商用或需看协议，便于快速选用。

设计经验 2个星期前 0

Figma 组件变体实战：从零搭建可复用按钮系统（命名/约束/交付）

手把手教你在 Figma 用 Auto Layout + Variants 搭建一套可复用的按钮组件：从尺寸与状态规划、属性命名、约束设置到交付给开发的规范，一篇照着做就能落地。

教程分享 2个星期前 0

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

想快速搭建可商用的视觉素材库，可以从图标与插画资源站开始：下载格式齐全、授权说明清晰、支持 SVG PNG 的站点优先。本清单整理了常用的免费商用与需看协议的资源入口，覆盖图标、插画、3D 图形与 UI 组...

设计经验 2个星期前 0

Figma 栅格 + 自动布局：10 分钟做出可复用的海报版式

用 Figma 的 Layout Grid、Auto Layout 和组件变体，快速搭一套可复用的海报版式：从画板尺寸、栅格设定、排版层级到导出规范，一次配置，多次复用。

教程分享 2个星期前 0

免费可商用插画资源清单｜15个高质量矢量与SVG插画网站

想快速找到可用于海报、网页、PPT 的插画素材，最省时间的方式就是准备一份靠谱的站点清单。下面整理了 15 个常用的矢量与 SVG 插画网站，覆盖免费可商用与需要看协议两类，直接按需挑选即可。

设计经验 2个星期前 0

Figma 自动布局 + 变体：做一套响应式按钮组件（可直接套用）

这篇教程用最少步骤在 Figma 里搭一套可复用的按钮组件：支持尺寸（S M L）、状态（默认悬停按下禁用）、左右图标与自适应宽度。照做一次，以后做页面能直接拖组件，效率提升很明显。

教程分享 2个星期前 0

Figma 自动布局入门：做一套可复用按钮组件与间距系统

这篇教程带你从零用 Figma 的 Auto Layout 搭一套可复用按钮组件：包含间距圆角字号规范、组件变体、状态与可维护的命名方式，照着做就能在项目里直接用。

教程分享 2个星期前 0

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

整理了 15 个常用的图标与插画资源网站，覆盖 SVG 图标库、插画素材与组件化图标集合。每条都标注可商用情况，方便在做品牌物料、网页与产品界面时快速选型。

设计经验 2个星期前 0

Figma 自动布局实战：用 3 个技巧做出可伸缩按钮与卡片组件

一篇可直接照做的 Figma 自动布局教程：从按钮到卡片组件，掌握 padding、间距、约束和变体，让组件在文字变化与容器拉伸时依然稳。

教程分享 2个星期前 0

设计师灵感与配色工具清单｜从灵感到落地的常用网站

做设计时最怕的不是没有工具，而是工具太多、用到哪儿才想起哪儿。下面整理了一份偏“直接拿来就能用”的网站清单：从找灵感、定配色，到字体与图标等基础素材，每一项都附上地址和一句话说明，方便快速收藏与对比。

设计经验 2个星期前 0

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

整理了20个常用的插画与图标资源站点，包含免费可商用与需看协议两类，适合做品牌视觉、网页与APP界面、宣传物料等场景的快速素材补充。

设计经验 2个星期前 0

12个可商用设计资源网站清单｜字体图标插画一站收齐

做设计时最费时间的不是画图，而是反复找“可用、可商用、质量稳定”的资源。下面整理了一份偏实用的资源清单：字体、图标、插画、配色、样机与图片，一篇打包，直接收藏备用。

设计经验 2个星期前 0

免费可商用图标与插画资源清单｜常用网站20个

整理了一份常用的图标与插画素材网站清单，覆盖开源图标库、插画合集、可商用插画生成器与纹理背景资源。每条都给出直达链接，并标注是否免费商用或需要查看协议，方便快速比对与收藏。

设计经验 2个星期前 0

#设计

Figma 教程：用变量+样式一键统一组件圆角与描边（可维护设计系统）

设计师资源清单｜14个免费商用插画与图标网站合集

Figma 自动布局+组件变体：做一套可一键切换的按钮组件（含禁用/加载）

平面设计配色工具清单｜快速出图的在线配色方案

Figma 自动布局实战：用 Auto Layout 做出可复用的按钮与表单组件

12个纹理与图案生成工具｜从纸纹到噪点一站式

Figma 教程：用 Auto Layout + Variants 做一套可复用的卡片组件（新手可照做）

15个可商用设计资源站点｜图标字体插画模板一站式清单

Figma 组件变体实战：从零搭建可复用按钮系统（命名/约束/交付）

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

Figma 栅格 + 自动布局：10 分钟做出可复用的海报版式

免费可商用插画资源清单｜15个高质量矢量与SVG插画网站

Figma 自动布局 + 变体：做一套响应式按钮组件（可直接套用）

Figma 自动布局入门：做一套可复用按钮组件与间距系统

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

Figma 自动布局实战：用 3 个技巧做出可伸缩按钮与卡片组件

设计师灵感与配色工具清单｜从灵感到落地的常用网站

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

12个可商用设计资源网站清单｜字体图标插画一站收齐

免费可商用图标与插画资源清单｜常用网站20个

大家都在看

设计笔记

#设计

Figma 教程：用变量+样式一键统一组件圆角与描边（可维护设计系统）

设计师资源清单｜14个免费商用插画与图标网站合集

Figma 自动布局+组件变体：做一套可一键切换的按钮组件（含禁用/加载）

平面设计配色工具清单｜快速出图的在线配色方案

Figma 自动布局实战：用 Auto Layout 做出可复用的按钮与表单组件

12个纹理与图案生成工具｜从纸纹到噪点一站式

Figma 教程：用 Auto Layout + Variants 做一套可复用的卡片组件（新手可照做）

15个可商用设计资源站点｜图标 字体 插画 模板 一站式清单

Figma 组件变体实战：从零搭建可复用按钮系统（命名/约束/交付）

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

Figma 栅格 + 自动布局：10 分钟做出可复用的海报版式

免费可商用插画资源清单｜15个高质量矢量与SVG插画网站

Figma 自动布局 + 变体：做一套响应式按钮组件（可直接套用）

Figma 自动布局入门：做一套可复用按钮组件与间距系统

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

Figma 自动布局实战：用 3 个技巧做出可伸缩按钮与卡片组件

设计师灵感与配色工具清单｜从灵感到落地的常用网站

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

12个可商用设计资源网站清单｜字体 图标 插画 一站收齐

免费可商用图标与插画资源清单｜常用网站20个

大家都在看

设计笔记

15个可商用设计资源站点｜图标字体插画模板一站式清单

12个可商用设计资源网站清单｜字体图标插画一站收齐