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

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

教程分享 2个月前 39 0

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

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

设计经验 2个月前 199 0

Figma 海报排版教程：用网格+样式做出可复用的版式模板

手把手教你在 Figma 里建立海报网格、版心与文字样式，并把常用模块做成组件与自动布局，最后导出多尺寸版本。照着做就能做出一套可复用的海报模板。

教程分享 2个月前 37 0

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

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

设计经验 2个月前 37 0

Figma 实战：用 Auto Layout 做可复用按钮组件（含变量与四种状态）

一步步做出一个可复用的按钮组件：Auto Layout 结构、约束与内边距、四种状态（默认 悬停 按下 禁用），并用 Variables 管理颜色与圆角，让样式统一且易维护。

教程分享 2个月前 36 0

Figma 变量与模式：一套组件适配浅色/深色与多品牌

用 Figma Variables + Modes 把颜色 字号 圆角 间距等设计Token体系化管理，并让同一套组件一键切换浅色 深色、品牌A 品牌B。本文按可直接照做的步骤，从建变量、建模式、绑定组件到页面批量切换与排错...

教程分享 2个月前 38 0

10个高质量设计素材网站清单｜免费商用与协议提示

这是一份偏“直接可用”的设计素材站点清单，涵盖图片、插画、图标与字体等常见需求。每个站点我都标注了更适合的使用场景，并在第一行提醒你是“免费商用”还是“需看协议”，方便你在项目里快速做合规判断。

设计经验 2个月前 43 0

Figma 用 Auto Layout 做可伸缩卡片组件：从约束到可复用变体

这篇教程带你从零做一个可伸缩的卡片组件：用 Auto Layout+约束实现不同宽度自适应，并用 Variants 做可复用状态（默认 悬停 选中），最后沉淀成组件规范。

教程分享 2个月前 46 0

Figma 网格系统：8pt 规则与间距组件化的实操教程（可直接套用）

从 8pt 规则开始，把网格、间距、文字与组件约束统一起来：这篇用一套可落地的参数，让你在 Figma 里快速搭出稳定的栅格与间距体系，并把它变成团队可复用的组件规范。

教程分享 2个月前 88 0

从图标到配色的15个设计资源工具清单｜高效完成从灵感到交付

这是一份偏“可直接拿来用”的设计资源工具清单：覆盖图标、插画、SVG、字体与配色网站。每一条都附上入口链接与简短说明，方便你快速建立自己的资源库。

设计经验 2个月前 66 0