How to build ripple animation in Figma✨

let's build ripple animation in figma in under one minute let's go create a small circle and give it a fill of your choice in my case it's yellow now create a bigger circle and place it behind the smaller circle give the bigger circle the same fill but with an opacity of 20 and a stroke of same color with 100 opacity select both the circles and combine them in a frame duplicate the first frame to create a second one now select the bigger circle in the first frame and make it really small and place it behind the smaller circle now duplicate the second frame to create a third frame select the bigger circle in the third frame and give it a pass through of zero percent combine all the three frames into a component set and create three variants go to the prototyping tab and link the first variant to the second second to the third and third back to the first variant use after delay 800 milliseconds smart animate is out in 500 milliseconds throw it on a ui and your apple animation is done [Applause]

Channel: Akash Yadav

Views: 62,742

Keywords:

Id: t0DQqQhe5sE

Length: 0min 59sec (59 seconds)

Published: Sat Mar 19 2022