Loading Animation | Figma Micro Interactions

Loading Animation | Figma Micro Interactions

Chinsk Design 7.1K subscribers
1.1K views · 2023-04-11 UI DesignInteraction & UX
In this tutorial, I will show you how to make Loading Animation using Micro Interactions in Figma with Figma Interactive Components and Figma Prototype. Also, you will learn how to use Frames, Prototype and Smart Animate.

In this video I show you:

00:00 Intro
00:17 Create Loading Variants
02:28 Prototype: Loading Animation

======

Watch my others Figma Interactive Components tutorials:

Accordion Animation: https://youtu.be/NDA_FPARcDk

Bottom Navigation Bar: https://youtu.be/SuhOgq1cIv8

Swipe to Delete Animation: https://youtu.be/DuP_Zp2KClk

Circle Progress Bar: https://youtu.be/_eBzKeOsaDs

Loading Animation: https://youtu.be/f3PS8Y1fiIY

Interactive Slider: https://youtu.be/Y1Qu5h6w7CU

Interactive Button: https://youtu.be/-BTCL-vHvRA

Dropdown Menu: https://youtu.be/e3K5ux4hOao

Input Fields: https://youtu.be/wiBarR5SIRA

Progress Bar: https://youtu.be/gIK-07miFOc

======

Don't forget to like, subscribe and turn on notifications to watch new ui ux design videos and figma tutorials