In this figma tutorial you will learn how to animate the pagination circles that you see usually on various type of onboarding screen, on image, ect', indicating the user how many steps / images are there.
I am showing a few different ways to do that.
In this tutorial i am using mainly smart animate, a bit of Auto layout and just a very simple component and its variants.
If you are not familiar with the basics of prototyping and animation in figma, i strongly suggest that you check out this tutorial which explains it -
• Figma tutorial for beginners: Prototyping ...
Using components & variants -
• Figma tutorial: components and variants / ... (part 1)
• Figma tutorial: components and variants / ... (part 2)
Understanding Auto layout -
• Figma tutoria: Auto Layout | Get started w...
#smartanimate #yarivbe #figmatutorial #figmacomponents #autolayout