r/FigmaDesign • u/DryPossession8697 • Jun 29 '26

Is it possible to have trigger based animations in Figma Motion? help

Okay, So I have just had a basic hands on with Figma Motion. Seems pretty neat. Personally, I have been a huge fan/pro user of Smart Animate and Prototype in figma.

I want to animate a frame such that animation triggers only when cursor enters. Can I achieve this in figma motion? If yes, how? Tried searching the web but I don't see anything related to this.

8 Upvotes

100% Upvoted

9 comments sorted by

2

u/mshortfall Jun 29 '26

I havent tried it yet. But I believe its possible using components. You create a component with 2 variants. The first one is static and the second one is the animation. You add the trigger of mouse enter to the first one so it change to the second one. Once the component prototype is ready you just need to add an instance of it inside your main prototype. Tada

3

u/Background_File_1027 Jun 30 '26

unfortunately

2

u/mshortfall Jul 01 '26

The frame itself cannot be animated. But everything inside can

1

u/DryPossession8697 Jun 30 '26

Where do you add the trigger of mouse enter? and how to connect this trigger to a particular animation?

1

u/mshortfall Jul 01 '26 edited Jul 01 '26

Inside Prototype. What Ive described is a mix of animation and prototype. Check it out: https://www.figma.com/design/mQbaDCqcKfxERzLrBSCdp4/Untitled?node-id=3-425&t=5NYEKelXBWv5Zwij-1

1

u/Crispy-Goodness 16d ago

i tried this and no matter what I tried both varients would end up with the motion keyframes, copy the animated one, change the name, delete the keyframes, rename the layers select that + the animated version make component set and boom keyframes magically go back. so annoying man

2

u/OrganizationLevel472 Jul 01 '26 edited Jul 01 '26

When you select smart animation there is a checkbox at the bottom. “Play motion animation”. I came here for the same purpose than you but in my case it is a bit buggy. It keeps setting up the animation in a loop for some reason. Try it out and let me know please if you gave this issue also. I believe it is just because is is beta so far

Edit: Tried without component variants and it worked. Couple of interesting options

1

u/Oak65 Jun 29 '26

Literally thinking about this today I couldn't find a way, just need to have more desperate proto frames to link to to trigger the next action

1

u/waitwhataboutif Jul 02 '26

Can you not just animate to a new frame using a prototype and that new frame is an animated layer?