可借助Variables与Modes功能实现按钮多状态的结构化定义与自动化呈现：先创建text型buttonState变量并预设default/hover/pressed/disabled值；再构建对应Variant组件并绑定状态属性；接着通过Property controls将变量与State属性联动；最后用Repeat Grid批量展示或插件一键生成。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
如果您在Figma中需要为同一按钮组件快速生成多种交互状态（如默认、悬停、点击、禁用等），但手动复制调整耗时且难以维护，则可借助Variables与Modes功能实现状态的结构化定义与自动化呈现。以下是实现此目标的具体操作路径：
一、创建带状态语义的Variable
通过定义一个文本型Variable来承载按钮当前所处的状态标识，使组件能据此动态切换外观。该Variable将作为所有状态分支的统一控制源。
1、在Figma设计文件中，点击左侧边栏底部的Variables图标（或使用快捷键Cmd/Ctrl + Shift + V）打开变量面板。
2、点击+ Add variable，命名为buttonState，类型选择Text。
3、在该Variable下添加以下预设值：default、hover、pressed、disabled。
4、确保该Variable作用域设置为All pages或至少覆盖目标组件所在页面。
二、构建支持状态映射的Component Variant
利用Figma的Variant功能建立按钮的多个视觉变体，并将每个变体与Variable中的某一状态值进行绑定，从而实现“一个组件、多态共存”的结构基础。
1、绘制一个基础按钮形状（如矩形），添加文字图层并设为自动布局容器。
2、右键该对象，选择Create component，再点击右上角组件面板中的Add variant三次，共生成四个Variant。
3、依次选中各Variant，在右侧属性面板的Variant property中，将State属性设为对应值：default、hover、pressed、disabled。
4、为每个Variant单独调整样式：例如default使用主色填充，hover增加阴影与亮度提升，pressed降低不透明度，disabled改为灰色填充+50% opacity。
三、在主组件内关联Variable与Variant
通过Figma的Property controls将Variable值与组件Variant的状态属性建立实时联动，使组件实例能根据Variable取值自动跳转至对应变体。
1、选中已创建的按钮Component，在右侧属性面板中展开Property controls区域。
2、点击+ Add property control，选择Variant property，再选择State作为受控属性。
3、在下方Linked variable选项中，选择此前创建的buttonState Variable。
4、确认后，该组件实例顶部将出现一个下拉控件，其选项即为buttonState的所有预设值，且每次更改均实时切换显示对应Variant。
四、批量生成状态实例并导出为交互原型
借助Figma的Auto Layout与Repeat Grid能力，可基于单个参数化组件快速铺开全部状态组合，用于文档说明或交互动效预览。
1、新建一页，拖入一个按钮Component实例。
2、复制该实例四次，分别置于水平排列的容器中；选中全部五个实例（含原始），右键选择Make repeat grid。
3、在Repeat Grid设置中，将Count设为4，Spacing设为24，启用Horizontal方向。
4、点击第一个重复项，在其顶部下拉控件中依次设为default、第二个设为hover、第三个设为pressed、第四个设为disabled。
5、此时Repeat Grid将自动同步各实例的buttonState值，并展示全部状态样式。
五、通过Plugin扩展实现一键状态注入
对于需频繁复用多状态按钮的团队，可借助Figma插件自动完成Variable创建、Variant生成与属性绑定，避免重复手工配置。
1、在Figma社区插件库中搜索并安装State Machine for Figma或Variables Booster。
2、运行插件后，在弹出面板中输入状态名称列表：default, hover, pressed, disabled，点击Generate。
3、插件将自动创建对应Variable、生成带命名Variant的组件、绑定State属性，并在画布中插入已配置好的实例。
4、检查生成结果：每个Variant是否正确应用了颜色/透明度/文字样式变化，以及实例顶部是否出现可交互的Variable下拉控件。
