I am writing to seek assistance with an issue I’m encountering in Figma concerning animations within component variants.
Issue Description: I have created a button component with a hover state animation. The setup involves creating two variants: a default state and a hover state. The interaction is set to “While hovering” with “Smart Animate” as the chosen animation. Despite following the correct setup procedures, the animation does not play in the variant instance when I insert it into a design.
Additionally, this issue occurs with any variant component animation I create, not just the button component.
Troubleshooting Steps Taken:
- I verified that the interaction settings were correctly configured for the hover state in the component.
- I ensured that the prototype is in presentation mode.
- I checked the component organization and variant linking to ensure everything is correctly set up.
- I restarted Figma and tried using both the browser and desktop versions.
- I recreated the component and interactions from scratch in a new file.
Interestingly, when I replicated the same setup on another account, the hover animation worked as expected, suggesting that the issue may be specific to my account or setup. Link to the Figma file- https://www.figma.com/design/F2sTdq3ClpG5aERE6rkoqb/Components?node-id=15-29&t=ak142AeX6NHX058y-1
I have written an email to Figma support to help with this issue if its an account issue since the animation in component works fine with another created account but have got no response yet.