Pulsing animation in Figma

3 min tutorial on how to design pulsing animation in Figma.

Pulsing animation can be used as loading indicator. It will informs the user that the system is doing something. We will create pulsing animation using a simple oval element and learn how to animate it using Ease In and Out animation with a fixed delays.
----

#pulsinganimation #loadinganimation #loadingscreen #loading #uidesign #ui #userinterface #userexperience #ux #productdesign #uidesigntutorial #userinterfacedesign #designinfigma

[sepiaxl]

Lovely. I implemented this with an icon using a varying stroke width.

[ghorbanmahtabi]

Hi, thanks for your valuable training. In endless auto scrolling, I want to do this action: when take the mouse on the endless auto scrolling, it be stop? Can one help me to do it?

[yeswanthraj]

sir i tried it but its not working sir can u help me ??

[thinhat]

Great tutorial, thankyou for your video

[caritosoleno]

Incredibly helpful! thank you so much :)

[omardanial]

very helpful video.. I used same animation.. But i have this problem that it works fine in figma prototype but how can we export it to lottiefiles ...and save json file for developers

[evelynh]

Followed this step by step and was very clear thank you! However it hasn't worked for me. When I add the finished component from the assets tab to a frame, it doesn't animate when I preview it - in the drop-down list on the layers tab, it appears that only the layers from the first frame of the component show up, and not the other 3 frames/variants or their interactions. Any help would be greatly appreciated please!

[eswag]

seems easier in after effects, but AE software can be so damn laggy