Skip to main content
Question

Animated carousel animation


Viktor_Hochtl

Hi, I’m fairly new to figma but have some website designs under my belt.

 

I want to create a carousel with navigation dots underneath as is more or less standard. But I want the navigation to be animated. Up until now I’ve always made the dots with auto layout and just moved the dot that indicates the position left or right in every instance.

But now I want to basically to create a dot that will stretch into the next position to indicate the second image in the carousel. To achieve that I would probably need an in between state of the dot?

Is there a way to nest such things in figma? Could I create an animation and then tell figma to play the animation when the dot moves or something similar? Or do I have to create inbetween states for every individual movement?

 

The dots and in between state of the highlighted dot.



 

2 replies

Nellya
  • Power Member
  • 515 replies
  • March 21, 2025

You can do it like this

 


Viktor_Hochtl

Thank you 😁 ! That makes sense and I didn’t even think of it 😐 .


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