交互式组件

交互式组件在预览时响应用户操作，自动切换不同状态（hover、点击、拖拽等），无需额外配置交互连线。

在设计文件中使用

在设计文件的原型模式中，可以为组件变体集设置状态切换规则：

1. 创建组件的多个变体（如 Default / Hover / Active / Disabled）
2. 切换到原型模式，选中变体集
3. 在交互面板中添加状态切换规则

常见交互状态

组件	状态	触发
按钮	Default → Hover	悬停
按钮	Hover → Active	按下
开关	On → Off	点击
输入框	Empty → Focused	点击
下拉菜单	Closed → Open	点击

原型文件

原型文件内置了丰富的交互式组件（按钮、开关、输入框、下拉选择等），可直接从资源库拖拽使用，无需手动创建变体。详见原型文件。

常见问题

问题	解决方法
组件状态切换后不恢复	添加恢复触发（如释放后回到 Default）
交互组件在原型外不显示变化	交互只在预览模式生效