Skip to main content
Question

Component Animation - 2 animations

  • February 15, 2024
  • 4 replies
  • 199 views

Hey guys, I’m relatively new to Figma and have a question about component animation.

Here’s the scenario: I have a button that enlarges when clicked, created with 3 variants of a component. It works great. Now, in my prototype, I want to click the button, have the enlargement animation occur, and automatically switch to the next frame. Just like you would expect when transitioning to the next page in an app by tapping a button. Unfortunately, here’s what’s happening: I click on the button in the prototype preview, the enlargement animation happens, and to move to the next frame, I have to click again. Unfortunately, I can’t find a way for both actions to occur automatically in sequence. Can anyone help me with this? I’m currently using the free version of Figma.

I would greatly appreciate your assistance, thank you very much!

This topic has been closed for comments

4 replies

y_toku
Figmate
  • Community Support
  • 2383 replies
  • February 19, 2024

Hi there,

Thanks for the post! Are you using “After delay” trigger?


I tried to make a super simple scale animation with this for an example. I hope it helps, but please let us know if I’m missing anything important things.

Thanks,
Toku


  • Author
  • 2 replies
  • February 20, 2024

Dear Toku!
Thank you for your response. I have a slightly different issue. Unfortunately, the delay won’t work in my case. Sadly, because I’m a new user I can’t send a Video but I try to explain. There’s an animation of the button upon clicking. It enlarges and then shrinks back. However, I need to click the button again to switch to the next screen. I’m looking for a solution where, with just one click, both the button animation is triggered and it switches to the next screen. Do you understand what I mean?

Best regards


  • Author
  • 2 replies
  • February 20, 2024


y_toku
Figmate
  • Community Support
  • 2383 replies
  • February 22, 2024

Hi there,

I believe I’ve got it! I experimented with a very basic prototype and I think I was successful in creating it. I added three actions to a single frame with just one tap.
three-actions-with-one-tap

Let me share my test file. Pleas excuse my very poor design but I hope it helps!
test.fig (106.0 KB)

If I miss something important, please let me know.

Thanks,
Toku


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings