教程分享 - 第52页

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

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

教程分享 3个月前 85 0

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

教程分享 3个月前 77 0

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

教程分享 3个月前 61 0

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

教程分享 3个月前 68 0

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

教程分享 3个月前 91 0

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

教程分享 3个月前 198 0

从 0 开始在 Figma 里做一张可复用的玻璃拟态卡片组件：背景模糊怎么设置更真实、双层阴影参数怎么配、如何保证文字可读性和组件可编辑性。

教程分享 3个月前 93 0

用 Figma 的 Auto Layout + Variants 从零做一套可复用按钮卡片组件库：尺寸自适应、状态可切换、命名规范可交付团队，按步骤照做即可直接落地到项目。

教程分享 3个月前 86 0

这篇教程用一套可直接照做的流程，教你在 Figma 里用 Auto Layout 和 Variables 搭出按钮组件（尺寸层级状态禁用），并把约束、命名、交互与落地规范一次做对。

教程分享 3个月前 59 0

这篇教程带你用 Photoshop 从零做一张可复用的霓虹发光文字海报：先搭背景与网格，再用智能对象保持文字可编辑，最后用图层样式与模糊叠加做出真实的发光与氛围。步骤细到每个面板参数，新手照做也能出图。

教程分享 3个月前 100 0