教程分享 - 第47页

Figma 栅格系统实战：从 8pt 规则到可复用的布局组件

这篇教程用一个可复用的页面框架示例，手把手教你在 Figma 里建立 8pt 间距体系、桌面平板移动三档栅格，并把栅格规则封装成可套用的 Auto Layout 布局组件，让后续做海报、落地页或后台页面时对齐一...

教程分享 3个星期前 11 0

手把手教你在 Figma 里用 Auto Layout + 组件属性 + 变体，快速搭一套可复用的按钮组件，并给出一套能长期维护的命名分层规则。

教程分享 3个星期前 11 0

这篇教程用一个“按钮组件”为例，手把手讲清 Figma 自动布局、Variants 组件状态、Variables 变量与样式联动的完整做法。按步骤做完，你会得到一个能在项目里直接复用、可快速换主题与尺寸的按钮系统。

教程分享 3个星期前 29 0

这篇教程用“可直接照做”的方式带你在 Figma 里用 Auto Layout + 组件 + 变量做出真正响应式的卡片列表：从结构拆分、约束设置，到不同断点的一键适配与常见坑的排查。

教程分享 3个星期前 14 0

这篇教程用一个“可复用海报网格”为例，手把手讲清 Figma 里 Auto Layout、约束、布局网格、组件与变量的组合用法。照着做完，你会得到一套可快速换图换文、自动对齐、可一键生成多尺寸的海报模板。

教程分享 3个星期前 10 0

这篇教程用最短路径带你在 Figma 里把 Variables 用起来：先搭颜色与字号变量，再建立 Light Dark 两套 Mode，最后把变量绑定到按钮与输入框组件，让整套 UI 一键切换主题并保持可维护。

教程分享 3个星期前 16 0

想做一套好维护的设计规范，关键不在“好看”，而在可复用、可扩展、可对齐。本文用一套从零到一的方法，把字号体系、间距栅格、颜色语义、组件命名与交付规则讲清，并给出可直接落地的模板与检查清单。

教程分享 3个星期前 18 0

从原图到成片，一套可复用的 PS 无损调色步骤：先用 Camera Raw 做基础曝光与白平衡，再用曲线可选颜色校准肤色，最后加统一的色调与颗粒。每一步都用调整图层+蒙版，可随时回退修改。

教程分享 3个星期前 24 0

这篇教程用“按钮组件”作为例子，手把手讲清 Figma 自动布局与组件变体：从画基础按钮到做 Hover Pressed Disabled 状态，最后通过约束与填充规则让组件在不同文案长度下依然稳定。照着做即可直接用于设计系统。

教程分享 3个星期前 9 0

这篇教程用可直接照做的步骤，带你在 Figma 里搭建一个可复用的按钮组件：包含 Auto Layout、Variants（多状态）、组件属性与变量（Variable）。做完后你可以快速产出 Primary Secondary Destructive、不...

教程分享 3个星期前 22 0