Figma变体按钮hover状态改了颜色但没反应是怎么回事？

你这个问题应该是变体属性没正确关联到交互状态上，我遇到过类似情况，说下解决方法。

首先确认下你的变体属性是不是按这个格式写的：state=hover 和 state=base，注意这里要用单个等号，很多人会习惯性写成冒号或者双等号，那样是无效的。

然后在设计面板里选中按钮组件，右侧属性面板找到 Variants 设置，点开看看 state 的映射关系对不对，要把 hover 状态正确映射到对应的样式上。这里很容易漏设置。

至于代码导出后hover不生效的问题，需要手动补一下CSS，Figma导出的代码不会自动带交互效果。直接用这段代码：

button.button--hover:hover {

  background-color: #cccccc;

}

button.button {

  background-color: #007bff;

}

最后吐槽一句，Figma的变体功能虽然方便，但交互这块确实还不够智能，我们还是得靠手写CSS来补全效果。记得保存后重新预览下，应该就没问题了。