若Figma中AI生成的交互状态缺失Hover态，需手动在Variants中补充：一、确认主组件为Variant类型；二、在Variants面板新增命名规范的Hover状态；三、在Prototype中设置While hovering触发及Smart Animate；四、通过Present模式验证生效。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
如果您在Figma中使用AI自动生成交互状态后发现Hover态缺失，则可能是AI未识别悬停触发逻辑或组件结构不够明确。以下是手动在Variants中补充Hover态的具体操作步骤：
一、确认主组件已设为Variant类型
只有将图层组转换为Variant组件，才能在其内部定义多个状态（如Default、Hover、Pressed等），并支持状态间自动切换。若当前组件仍为普通组件或Instance，Hover态将无法被识别和添加。
1、选中目标按钮或可交互元素的最外层Frame或Group。
2、右键点击，选择"Create Component"（若尚未创建组件）。
3、再次右键该组件，选择"Convert to Variant"（若尚未转为Variant）。
4、检查右侧Properties面板中是否显示“Variant”标签及“+ Add state”按钮。
二、在Variants面板中新增Hover状态
Figma Variants通过命名约定识别状态类型，必须使用官方支持的状态关键词（如Hover、Pressed、Disabled）作为变体名称前缀，否则交互预览与原型跳转将无法正确映射。
1、点击组件右侧Properties面板中的"Variant"标签旁的"+"号按钮。
2、在弹出的命名框中输入"Hover"（注意首字母大写，不加空格或符号）。
3、按回车确认，此时新变体会以独立列形式出现在Variants面板中。
4、点击该Hover列下方的空白单元格，将当前画布中已设计好的悬停样式图层拖入该位置。
三、为Hover态设置视觉差异并绑定交互
仅添加Hover变体并不自动启用悬停响应；需在Prototype面板中显式定义从Default到Hover的触发条件，且两个变体必须具有完全一致的尺寸与锚点位置，否则动画过渡会错位。
1、切换至Prototype标签页。
2、点击Default状态节点右上角的圆形连接点，拖出连线至Hover状态节点。
3、在弹出的交互设置面板中，将触发方式设为"While hovering"。
4、在“Animation”下拉菜单中选择"Smart Animate"，确保两状态间存在至少一个同名图层且属性（如opacity、fill、scale）有差异。
四、验证Hover态是否生效
在Preview模式下，Figma仅对鼠标悬停敏感，且要求悬停区域为完整可交互图层（非嵌套遮罩或透明度为0的图层）。若悬停无反应，通常因图层不可见或事件被父级拦截。
1、点击画布右上角的"Present"按钮进入演示模式。
2、将鼠标移至组件区域，观察是否平滑切换至Hover外观。
3、若无变化，检查Hover变体中对应图层的Visibility（眼睛图标）是否开启。
4、返回Design标签页，确认Hover变体中所有图层均未被设置为"Locked"或置于"Hidden Layer"图层组内。
