A - 设计经验 - 第25页

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

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

教程分享 3个月前 0

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

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

教程分享 3个月前 0

Figma 组件变体实战：用 Auto Layout 做一套可复用按钮库

本教程用一个可复用“按钮组件库”作为例子，手把手讲清 Figma 组件（Component）、变体（Variants）和 Auto Layout 的搭配方法，包含尺寸、层级、状态、禁用与加载等常见需求，照做即可产出可交付的按钮体系。

教程分享 3个月前 0

After Effects 实战：30分钟做一个无缝循环的漂浮文字动效（零基础可照做）

这篇教程用一个“漂浮文字卡片”案例，带你从零做出可无限循环播放的 AE 动效：包含构图设置、关键帧节奏、缓动、时间重映射、常用表达式与导出注意事项。照着步骤做即可复用到短视频字幕、封面动效与 UI 演示。

教程分享 3个月前 0

Figma 实战：用变量 + 组件做可切换浅深色按钮系统（从零到可复用）

从 0 搭建一套可复用的 Figma 按钮组件，并用 Variables 做浅色深色主题切换：变量命名、组件结构、交互状态、色彩 token、批量替换与发布库的完整流程。

教程分享 3个月前 0

Figma 实战：用 Variables（变量）快速做可切换的浅色/深色主题

用 Figma Variables（变量）把颜色字号等设计 Token 管起来，并把组件属性绑定到变量上，几分钟就能做出可切换的浅色深色主题。本文按“新建变量 → 建集合与模式 → 绑定样式 → 组件落地 → 一...

教程分享 3个月前 0

Figma 变量与主题色：用 Variables 做一套可切换的设计系统（可直接照做）

手把手教你在 Figma 用 Variables 建立“设计 Token + 主题色”体系：从创建变量集合、绑定颜色样式、在组件中引用，到一键切换浅色深色主题，按步骤操作即可复现。

教程分享 3个月前 0

Figma 组件变体实战：做一套可复用按钮（含尺寸/状态/图标）

用一套按钮组件把尺寸、状态、图标三类变化收进 Variants：从命名规范到交互原型，一步步照做即可复用到任何项目。

教程分享 3个月前 0

Illustrator 实战：用形状生成器做一套可扩展的几何图标（网格到导出SVG）

用 Illustrator 的“形状生成器”把基础几何形状快速组合成一套风格统一的图标，并用网格、描边与对齐规则保证可扩展与易改稿。最后批量导出 SVG PNG，直接用于 UI 或海报排版。

教程分享 3个月前 0

Figma 实战：用变量 + 组件一键切换浅色/深色主题（可复用模板）

手把手教你在 Figma 里用 Variables（变量）+ Components（组件）搭一套可复用的主题系统：同一套组件在浅色深色模式之间一键切换，适合做 App Web 的 UI 规范与组件库。

教程分享 3个月前 0

Photoshop 实用修图：3分钟统一照片色调（Camera Raw + 曲线，可直接照做）

本教程教你用 Photoshop 的 Camera Raw 滤镜配合曲线，快速把一组照片调成统一风格。按步骤操作即可复现：先定基准曝光与白平衡，再用曲线锁定对比，最后用 HSL 和色彩分级做轻微风格化，并用同步设置批量套用。

教程分享 3个月前 0

Figma 零基础：用 Auto Layout 做一套可复用的按钮组件库（含间距/约束/变体）

这篇教程手把手教你在 Figma 里用 Auto Layout 做一套可复用的按钮组件库：从尺寸与间距规则、约束与对齐，到 Variant 变体与组件属性，让按钮在不同文案长度、图标组合和状态下都能自动适配。

教程分享 3个月前 0

Figma 自动布局实战：用 Auto Layout 做可复用卡片组件（含响应式技巧）

手把手教你在 Figma 里用 Auto Layout 快速搭建可复用的卡片组件：从层级整理、间距与填充、内容自适应，到变体与响应式规则设置，最后附一份可直接照做的练习清单，照着做就能做出可扩展的组件库。

教程分享 3个月前 0

Figma 自动布局 + 变量：做一套可复用的按钮组件（从0到可交付）

用 Figma 的 Auto Layout + Variables + Variants 快速搭一套按钮组件：从尺寸间距、状态（默认悬停禁用）到主题色切换，最后整理成可交付的组件集，团队可直接复用。

教程分享 3个月前 0

Figma 网格系统实战：用 8pt 规则搭建可扩展组件库

从 0 到 1 用 8pt 网格规则建立 Figma 设计系统：定义间距、做组件变体、用自动布局组合模块，并用样式与变量保证后续扩展不崩。按步骤照做即可落地到真实项目。

教程分享 3个月前 0

Figma 实战：用 Auto Layout + Variables 做一套可切换的按钮组件（含浅色/深色）

这篇教程带你在 Figma 里从 0 做一套“可切换浅色深色”的按钮组件：用 Auto Layout 搭结构，用 Variant 管状态，再用 Variables 把颜色圆角间距变成可维护的设计令牌。按步骤做完，你会得到一...

教程分享 3个月前 0

After Effects 教程：用 Essential Graphics 做可复用字幕条模板（含响应式）

手把手教你在 After Effects 里制作可复用的字幕条模板：通过 Essential Graphics 暴露颜色文字尺寸参数，并用响应式设计让字幕在不同字数下自动伸缩，最后导出为可反复调用的模板。

教程分享 3个月前 0

Figma 自动布局进阶：用 Auto Layout 做可伸缩按钮与卡片（从 0 到可复用组件）

一步一步教你在 Figma 用 Auto Layout 搭建可拉伸的按钮与卡片组件：从间距规则、填充策略、约束与最小最大宽度，到组件变体与一键复用，让同一套组件在不同文案长度与屏幕宽度下都能稳定排版。

教程分享 3个月前 0

Figma 海报排版教程：用网格与层级做出高级视觉

这是一份可直接照做的 Figma 海报排版教程：从画板与网格开始，建立信息层级、字体搭配与留白节奏，最后用组件与自动布局收口并导出可用成品。

教程分享 3个月前 0

Figma 教程：用 Variables 做浅深色主题切换（颜色/字号/间距一套打通）

这篇教程带你用 Figma Variables（变量）把颜色、字号和间距做成可复用的设计令牌，并实现浅色深色主题一键切换，适合做小型设计系统或组件库。

教程分享 3个月前 0

#A

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

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

Figma 组件变体实战：用 Auto Layout 做一套可复用按钮库

After Effects 实战：30分钟做一个无缝循环的漂浮文字动效（零基础可照做）

Figma 实战：用变量 + 组件做可切换浅深色按钮系统（从零到可复用）

Figma 实战：用 Variables（变量）快速做可切换的浅色/深色主题

Figma 变量与主题色：用 Variables 做一套可切换的设计系统（可直接照做）

Figma 组件变体实战：做一套可复用按钮（含尺寸/状态/图标）

Illustrator 实战：用形状生成器做一套可扩展的几何图标（网格到导出SVG）

Figma 实战：用变量 + 组件一键切换浅色/深色主题（可复用模板）

Photoshop 实用修图：3分钟统一照片色调（Camera Raw + 曲线，可直接照做）

Figma 零基础：用 Auto Layout 做一套可复用的按钮组件库（含间距/约束/变体）

Figma 自动布局实战：用 Auto Layout 做可复用卡片组件（含响应式技巧）

Figma 自动布局 + 变量：做一套可复用的按钮组件（从0到可交付）

Figma 网格系统实战：用 8pt 规则搭建可扩展组件库

Figma 实战：用 Auto Layout + Variables 做一套可切换的按钮组件（含浅色/深色）

After Effects 教程：用 Essential Graphics 做可复用字幕条模板（含响应式）

Figma 自动布局进阶：用 Auto Layout 做可伸缩按钮与卡片（从 0 到可复用组件）

Figma 海报排版教程：用网格与层级做出高级视觉

Figma 教程：用 Variables 做浅深色主题切换（颜色/字号/间距一套打通）

大家都在看

设计笔记