Made a Heartbeat Animation in @figma ❤️

Here are all the components used in animation. 🙌

How to make a pulsing line animation in  @figma  👇



Step 1: The base elements are shown in screenshots. 3 Lines and 2 masks.

Step 2: Create the "Path" layer - This layer is for the animation of the line.

Step 3: Create the "Glow" layer - This layer is for the animation of the Glow.

Step 4: Align "Path", "Glow" and "Line" into a frame.

Step 5: Make a copy of the framer created in the previous step, and then move the 2 masks to the right.

Step 6: Add animation, and done! 🚀

I publish the Figma file to the community. 🚀 Check it out. 👇

https://www.figma.com/community/file/1193780699341692092