Skip to main content
Question

Is there anyway to create stagger animation?

  • September 14, 2023
  • 2 replies
  • 961 views

Yurendra_Kurumbang

Hi, I’m trying to create stagger animation in list. Like table tr row, how can I create stagger animation?

2 replies

Michael35
  • 2 replies
  • May 17, 2024

I’m also having this problem. I want to make a staggering animation but when I have one animation going, the second animation comes and cancels the first animation for some reason.


  • Figmate
  • 1805 replies
  • May 21, 2024

Hi there, Thanks for reaching out about this.

I’m uncertain about the method @Michael35 used to establish your prototype. However, if you have multiple animations set to a single trigger, they will play one after the other. Therefore, the behavior you are encountering is to be expected. You can check the details here: Multiple actions and conditionals - Animation order

​One method of achieving this could be to use After delay among multiple identical frames, in order to create the desired animation.

It might not exactly what you achieve but I found a couple of design files you might get some insight:

You are welcome to freely explore by yourself: https://www.figma.com/community/

With that being said, this appears to be an excellent suggestion for multiple action that can be shared in the “Share an idea” category.

Hopefully, this will be of some assistance.
If anyone else from our community has any extra thoughts or solutions on this matter, please don’t hesitate to share them here.

Thanks again for reaching out.


Reply


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