教程分享 - 第42页

Figma 组件变体 + 自动布局：做一套可复用按钮/卡片组件库（新手可照做）

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

教程分享 3个星期前 14 0

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

教程分享 3个星期前 11 0

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

教程分享 3个星期前 18 0

手把手教你在 Figma 用 Auto Layout 搭出可复用的卡片组件，并用嵌套布局做出随容器宽度自适应的列表栅格。包含常见坑位（间距塌陷、文本换行、填充规则）与检查清单。

教程分享 3个星期前 9 0

这篇教程用“可复用”的方式做一张海报：从网格与字体层级开始，逐步把标题区、卖点区、按钮区做成组件，再用自动布局和样式变量把间距、圆角、颜色、字号统一起来。照着做 20~40 分钟即可得到一套可套用到任意...

教程分享 3个星期前 22 0

这篇教程用“Auto Layout + 组件变量 + 样式”三件套，在 Figma 里搭一套卡片组件：从排版结构、间距约束，到响应式尺寸和交付给开发的标注清单，照着做即可直接用于项目。

教程分享 3个星期前 14 0

这是一篇可以直接照做的 Figma 按钮组件搭建教程：从 Auto Layout 结构、状态尺寸类型变体，到命名规则、交互与团队交付检查清单。按步骤做完，你会得到一个可在项目中长期复用的按钮系统。

教程分享 3个星期前 16 0

这篇教程教你在 Figma 里用 Auto Layout 从零搭建可复用的卡片组件：定义内容结构、约束与间距、做变体（含不含图片、不同按钮状态），并用嵌套自动布局实现真正的自适应。跟着步骤做完，你就能把卡片作为...

教程分享 3个星期前 18 0

这篇教程用 Illustrator 的形状生成器与路径查找器，从网格与关键线开始，快速做出一套统一风格的扁平图标，并给出描边圆角间距规范与 SVG PNG 导出设置，照着做就能落地到项目。

教程分享 3个星期前 15 0

这是一篇可直接照做的 Photoshop 海报配色教程：从准备主视觉、建立调整图层，到用色彩查找与渐变映射快速生成 3 套风格统一的配色方案，并把配色打包成可复用的智能对象与 PSD 模板。

教程分享 3个星期前 29 0