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

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

教程分享 3个月前 94 0

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

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

教程分享 3个月前 261 0

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

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

教程分享 3个月前 119 0

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

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

教程分享 3个月前 121 0

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

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

教程分享 3个月前 79 0

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

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

教程分享 3个月前 142 0

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

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

教程分享 3个月前 98 0

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

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

教程分享 3个月前 79 0

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

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

教程分享 3个月前 121 0

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

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

教程分享 3个月前 93 0