AR - 设计经验 - 第3页

Figma 10分钟做出可复用按钮组件：Variants + Auto Layout 实战

用一个可直接复用的“按钮组件”案例，带你把 Auto Layout 和 Variants 串起来：从基础按钮到多尺寸、多状态（默认悬停禁用），并学会如何在项目里快速调用与维护。

教程分享 2个星期前 0

Figma 教程：用 Auto Layout + Variants 做一套可复用的卡片组件（新手可照做）

这篇教程手把手带你在 Figma 里用 Auto Layout（自动布局）和 Variants（组件变体）做一套可复用的卡片组件：结构如何搭、间距怎么设、状态怎么做、如何一键替换内容并保持对齐。

教程分享 2个星期前 0

Figma 组件变体实战：从零搭建可复用按钮系统（命名/约束/交付）

手把手教你在 Figma 用 Auto Layout + Variants 搭建一套可复用的按钮组件：从尺寸与状态规划、属性命名、约束设置到交付给开发的规范，一篇照着做就能落地。

教程分享 2个星期前 0

Figma 从0搭建可复用按钮组件库：Variants + Auto Layout + 变量

手把手教你在 Figma 里从零搭建一套可复用的按钮组件库，覆盖主次描边等样式与默认悬停按下禁用状态，并用 Auto Layout、Variants、变量把颜色与尺寸管理起来，后续做页面时直接拖拽组合即可。

教程分享 2个星期前 0

Figma 自动布局 + 变量：做一套可复用的响应式卡片组件教程（从零到可交付）

这篇教程用“卡片组件”做例子，带你把 Auto Layout、变量（颜色间距圆角）、组件属性和响应式约束串成一条可落地的工作流：从结构拆解到可交付规范，照着做就能在团队里复用。

教程分享 2个星期前 0

Figma Variants 实战：做一套可复用的按钮组件（含禁用/加载/尺寸）

用 Figma 的 Auto Layout + Variants 从零搭建一套可复用按钮组件，包含尺寸、状态、图标、加载与禁用，并给出命名与发布到组件库的规范。

教程分享 2个星期前 0

苹果、Meta、PICO神仙打架：2026主流头显大盘点

目前的头显市场可谓是“神仙打架”，各大科技巨头纷纷掏出看家本领。整体来看，现在的设备主要分为“全能一体机”和“轻量级AR眼镜”两大阵营。为了让你这笔钱花得明明白白，我们对这四大代表性设备进行一次深度...

值得一看 2个星期前 0

Figma 组件变体实战：从0搭建按钮组件与状态系统（含命名与自动布局）

这是一套可直接照做的 Figma 教程：用 Auto Layout + Variants 从零搭建可复用的按钮组件，包含默认悬停按下禁用等状态，规范命名、属性、尺寸与间距，并给出团队交付与维护建议。

教程分享 2个星期前 0

Figma 组件变体从零到可复用：命名、属性、交互三步走

手把手教你把常用按钮表单这类组件做成 Figma 变体：先定命名规则和属性，再补齐 Auto Layout 和约束，最后用交互变体做出可演示的状态切换。按本文流程做完，你的组件库会更统一、替换更快、交付更稳。

教程分享 2个星期前 0

Figma Variants + Auto Layout：做一套可复用按钮组件（从0到可交付）

从 Auto Layout 打底，到用 Variants 做出可切换状态的按钮组件，再到组件命名属性发布给团队，这篇带你一步一步做出“能直接在项目里用”的按钮库。

教程分享 2个星期前 0

Figma：10分钟搭一套可扩展的间距与字号规范（变量+样式命名一步到位）

手把手在 Figma 里建立“字号+行高+间距”三件套：用变量（Variables）统一数值、用文本样式间距样式规范命名，并教你如何在组件与 Auto Layout 中快速套用。按步骤做完，你的文件会更好维护，也更容易和开发对齐。

教程分享 2个星期前 0

Figma 实战：用 Auto Layout 做可复用按钮组件（含变量与四种状态）

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

教程分享 2个星期前 0

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

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

教程分享 2个星期前 0

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

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

教程分享 2个星期前 0

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

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

教程分享 2个星期前 0

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

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

教程分享 2个星期前 0

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

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

教程分享 2个星期前 0

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

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

教程分享 2个星期前 0

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

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

教程分享 2个星期前 0

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

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

教程分享 2个星期前 0

#AR

Figma 10分钟做出可复用按钮组件：Variants + Auto Layout 实战

Figma 教程：用 Auto Layout + Variants 做一套可复用的卡片组件（新手可照做）

Figma 组件变体实战：从零搭建可复用按钮系统（命名/约束/交付）

Figma 从0搭建可复用按钮组件库：Variants + Auto Layout + 变量

Figma 自动布局 + 变量：做一套可复用的响应式卡片组件教程（从零到可交付）

Figma Variants 实战：做一套可复用的按钮组件（含禁用/加载/尺寸）

苹果、Meta、PICO神仙打架：2026主流头显大盘点

Figma 组件变体实战：从0搭建按钮组件与状态系统（含命名与自动布局）

Figma 组件变体从零到可复用：命名、属性、交互三步走

Figma Variants + Auto Layout：做一套可复用按钮组件（从0到可交付）

Figma：10分钟搭一套可扩展的间距与字号规范（变量+样式命名一步到位）

Figma 实战：用 Auto Layout 做可复用按钮组件（含变量与四种状态）

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

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

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

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

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

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

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

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

大家都在看

设计笔记