按钮 - 教程分享 - 素材集市

UI 微文案与提示语资源导航｜12个写按钮、提示与空状态的参考库

整理 12 个常用的 UI 文案与微文案参考库规范与校对工具，覆盖按钮文案、错误提示、空状态、表单提示等场景。每个条目都附上链接与适用说明，便于设计与产品在写文案时快速对齐风格、减少歧义。

设计经验 1天前 0

Notion 数据库视图进阶：用按钮、筛选和公式把任务、日程、笔记串起来

这篇教程用一个可复用的 Notion 数据库示例，讲清楚视图、筛选、排序、分组、公式与按钮的组合思路：把“任务”“日程”“笔记”放进同一套体系里，并用状态与日期自动生成今日清单、下周计划与复盘视图。

教程分享 1个星期前 0

Figma 组件变体实战：用 Auto Layout + Variants 搭一套按钮库（含常见坑排查）

一步步把按钮做成可复用的 Figma 组件：用 Auto Layout 控制自适应，用 Variants 管理状态尺寸，并用属性命名规则避免“变体爆炸”。附常见问题排查与提效建议。

教程分享 2个星期前 0

Figma 组件化实战：从零搭建按钮组件与变体（附常见问题排查）

用最少的步骤把按钮组件做成可复用、可扩展的 Variants（尺寸状态图标），并整理命名与发布规范，附 Auto Layout 与组件失效的排查清单。

教程分享 2个星期前 0

Figma 组件变体实战：30 分钟做一套可复用按钮系统

这篇教程用 30 分钟带你在 Figma 里从 0 搭一套可复用按钮组件：包含尺寸状态主题变体、Auto Layout 约束、组件属性命名与发布到团队库的流程，照着做即可落地。

教程分享 2个星期前 0

Figma 组件变体：用 Auto Layout 做一套可切换状态的按钮（可复用模板）

这篇教程带你在 Figma 里从 0 搭一套按钮组件：用 Auto Layout 自动撑开、用 Variants 管理默认悬停按下禁用状态，并加上交互原型，最后整理为可交付的组件库。

教程分享 2个星期前 0

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

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

教程分享 2个星期前 0

Figma 自动布局+组件变体：做一套可一键切换的按钮组件（含禁用/加载）

用自动布局和组件变体在 Figma 里搭一套按钮组件，支持主次文字按钮、尺寸、禁用和加载状态，并用属性面板快速切换。

教程分享 2个星期前 0

Figma 自动布局实战：用 Auto Layout 做出可复用的按钮与表单组件

这是一篇可直接照做的 Figma Auto Layout 实战教程：从按钮到表单组件，讲清结构搭建、约束设置、可伸缩策略与常见坑的排查方法。

教程分享 2个星期前 0

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

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

教程分享 2个星期前 0

Figma 自动布局 + 变体：做一套响应式按钮组件（可直接套用）

这篇教程用最少步骤在 Figma 里搭一套可复用的按钮组件：支持尺寸（S M L）、状态（默认悬停按下禁用）、左右图标与自适应宽度。照做一次，以后做页面能直接拖组件，效率提升很明显。

教程分享 2个星期前 0

Figma 自动布局入门：做一套可复用按钮组件与间距系统

这篇教程带你从零用 Figma 的 Auto Layout 搭一套可复用按钮组件：包含间距圆角字号规范、组件变体、状态与可维护的命名方式，照着做就能在项目里直接用。

教程分享 2个星期前 0

Figma 自动布局入门：15 分钟做出可复用的按钮组件

用最少的规则学会 Figma Auto Layout：从按钮的间距、内边距、圆角与状态，到组件变体与约束，让你能把同一种按钮快速复用在不同页面。

教程分享 2个星期前 0

Figma 组件属性+变量：做一套可切换状态的按钮组件（可直接照做）

手把手用 Figma 的组件属性（Variant Boolean Text Instance swap）和 Variables 做一套按钮组件：默认悬停按下禁用状态一键切换，并建立可复用的颜色与间距变量，适合做小型设计系统入门。

教程分享 2个星期前 0

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

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

教程分享 2个星期前 0

Figma 教程：用 Auto Layout 做可复用按钮组件，一次搭好适配多尺寸

从 0 搭一个可复用的按钮组件：用 Auto Layout 解决内边距间距，配合变体做尺寸与状态，最后放进组件集让整个项目都能一键复用。

教程分享 2个星期前 0

Figma 实战：用 Auto Layout + 组件属性做一套可复用按钮（含状态/尺寸）

用一个按钮组件覆盖常见尺寸与状态：从 Auto Layout 搭骨架，到组件属性（Variant Boolean Instance swap）管理图标与加载态，再用样式变量统一间距与圆角。按步骤照做即可直接用于设计系统。

教程分享 2个星期前 0

Figma 玻璃拟态按钮组件教程：从样式到可复用变体（可直接照做）

手把手教你在 Figma 做一套玻璃拟态按钮组件：从基础样式、阴影与模糊参数，到 Auto Layout、Variants 和交互状态的完整搭建，照着做就能直接放进项目复用。

教程分享 2个星期前 0

Figma 组件库从 0 到 1：用变体和属性快速搭建可复用按钮/输入框

这是一份可直接照做的 Figma 教程：从命名规范开始，用 Variants（变体）+ Component Properties（组件属性）搭一套可扩展的按钮和输入框组件，并整理到组件库页面，方便团队复用与交付。

教程分享 2个星期前 0

Figma 自动布局与组件变体实操：做一套可复用的按钮和卡片组件

这篇教程用一套可以直接照做的步骤，带你在 Figma 里用自动布局 + 组件变体搭建按钮与卡片两类核心组件，并通过命名、属性与约束让组件在不同尺寸和状态下保持一致，后续做页面时能快速复用。

教程分享 2个星期前 0

#按钮

UI 微文案与提示语资源导航｜12个写按钮、提示与空状态的参考库

Notion 数据库视图进阶：用按钮、筛选和公式把任务、日程、笔记串起来

Figma 组件变体实战：用 Auto Layout + Variants 搭一套按钮库（含常见坑排查）

Figma 组件化实战：从零搭建按钮组件与变体（附常见问题排查）

Figma 组件变体实战：30 分钟做一套可复用按钮系统

Figma 组件变体：用 Auto Layout 做一套可切换状态的按钮（可复用模板）

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

Figma 自动布局+组件变体：做一套可一键切换的按钮组件（含禁用/加载）

Figma 自动布局实战：用 Auto Layout 做出可复用的按钮与表单组件

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

Figma 自动布局 + 变体：做一套响应式按钮组件（可直接套用）

Figma 自动布局入门：做一套可复用按钮组件与间距系统

Figma 自动布局入门：15 分钟做出可复用的按钮组件

Figma 组件属性+变量：做一套可切换状态的按钮组件（可直接照做）

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

Figma 教程：用 Auto Layout 做可复用按钮组件，一次搭好适配多尺寸

Figma 实战：用 Auto Layout + 组件属性做一套可复用按钮（含状态/尺寸）

Figma 玻璃拟态按钮组件教程：从样式到可复用变体（可直接照做）

Figma 组件库从 0 到 1：用变体和属性快速搭建可复用按钮/输入框

Figma 自动布局与组件变体实操：做一套可复用的按钮和卡片组件

大家都在看

设计笔记