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

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

设计经验 2个月前 468 0

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

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

教程分享 2个月前 45 0

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

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

设计经验 2个月前 41 0

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

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

教程分享 2个月前 43 0

Figma 海报网格系统实战：10 分钟搭好栅格、排版样式和导出规范

这篇教程用一套可复用的海报网格系统做例子，带你在 Figma 里快速建立栅格、文本样式、间距规范与组件，并给出导出与交付的检查清单。照着做一次，下次做海报 活动页会快很多。

教程分享 2个月前 67 0

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

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

设计经验 2个月前 159 0

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

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

教程分享 2个月前 43 0

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

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

设计经验 2个月前 51 0

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

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

教程分享 2个月前 59 0

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

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

设计经验 2个月前 143 0