设计资源清单｜12个免费商用素材与工具

整理了一份偏「拿来就用」的设计资源清单：从字体、图标、插画到配色与样机。每个条目都给出链接，并标明是否可免费商用或需要看协议，方便...

设计经验 6个月前 168 0

Figma 自动布局实战：从卡片到响应式列表的完整步骤

手把手教你在 Figma 用 Auto Layout 搭出可复用的卡片组件，并用嵌套布局做出随容器宽度自适应的列表 栅格。包含常见坑位（间距塌陷...

教程分享 6个月前 136 0

Figma 海报排版从零到可复用：自动布局 + 样式变量一套搞定

这篇教程用“可复用”的方式做一张海报：从网格与字体层级开始，逐步把标题区、卖点区、按钮区做成组件，再用自动布局和样式变量把间距、圆...

教程分享 6个月前 232 0

12个免费商用图标与插画网站清单｜支持SVG与PNG下载

整理了12个常用的图标与插画站点，覆盖开源图库、商业友好素材与图标组件库。每条都给出直达链接与授权提示，方便快速挑选可用于品牌、UI与...

设计经验 6个月前 712 0

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

这篇教程用“Auto Layout + 组件变量 + 样式”三件套，在 Figma 里搭一套卡片组件：从排版结构、间距约束，到响应式尺寸和交付给开...

教程分享 6个月前 142 0

免费商用设计资源清单｜图片、图标与插画一站收齐

这是一份偏实用的设计资源清单：从图片、图标到插画与配色工具，优先挑选可免费商用或可明确查看授权条款的网站，方便你快速找素材同时降低...

设计经验 7个月前 303 0

Figma 组件变体实战：做一个可复用的按钮系统（含命名与交互规则）

这是一篇可以直接照做的 Figma 按钮组件搭建教程：从 Auto Layout 结构、状态 尺寸 类型变体，到命名规则、交互与团队交付检查清单...

教程分享 6个月前 225 0

设计资源清单｜12个高质量免费可商用图标与插画站

整理了12个常用的图标与插画资源网站，包含开源 可商用选项，适合用于网页、App、PPT与品牌物料。每个条目都附上直达链接与使用提示，方便...

设计经验 6个月前 175 0

Figma：用自动布局做自适应卡片组件（从0到可复用）

这篇教程教你在 Figma 里用 Auto Layout 从零搭建可复用的卡片组件：定义内容结构、约束与间距、做变体（含 不含图片、不同按钮状态...

教程分享 6个月前 208 0

Illustrator 教程：形状生成器 + 路径查找器做一套可复用的扁平图标（含导出规范）

这篇教程用 Illustrator 的形状生成器与路径查找器，从网格与关键线开始，快速做出一套统一风格的扁平图标，并给出描边 圆角 间距规范...

教程分享 6个月前 201 0