In this tutorial, I will show you how to make Loading Animation using Micro Interactions in Figma with Figma Interactive Components. Also, you will learn how to use Frames, Multiple Components, Combine as Variants, Prototype, Figma Smart Animate and Figma Animation Instant.
In this video I show you:
00:00 Intro
00:23 Loading UI Design
01:55 Create Variants
04:00 Prototype
======
Watch my others Figma Interactive Components tutorials:
Accordion Animation: • Accordion Animation | ...
Notification Animation: • Notification Animation...
Animated Swipe to Remove: • Swipe to Remove - All ...
Audio Message Animation: • Audio Message Animatio...
Button Ripple Effect: • Button Ripple Effect |...
Automatic Carousel: • Figma Automatic Carous...
Circle Progress Bar: • Circular Progress Bar ...
Sound Wave Animation: • Figma Sound Wave Anima...
Dynamic Island Animation: • Dynamic Island Animati...
Dropdown Menu List: • Dropdown Menu with Scr...
Animated Modal Overlay: • Animated Modal Pop Up ...
Time Picker Animation: • Time Picker Animation ...
Animated Heart Icon: • Figma Animated Heart I...
Animated Swipe to Delete: • Figma Swipe to Delete ...
Floating Action Button (FAB): • Floating Action Button...
Pulse Loading Animation: • Figma Pulse Animation ...
Animated Like Button: • Animated Like (Heart) ...
Search Bar (Keyboard Input Animation): • Search Bar (Keyboard I...
Loading Animation: • Loading Animation | Fi...
Animated Countdown: • Animated Countdown Tim...
Interactive Star Rating: • Figma Star Rating Anim...
Interactive Slider: • Figma Slider Animation...
Interactive Button: • Figma Interactive Butt...
Radio Buttons: • Figma Interactive Comp...
Checkbox: • Checkbox | Figma Inter...
Dropdown Menu: • Figma Dropdown Menu Tu...
Input Fields: • Figma Interactive Comp...
Progress Bar: • Figma Progress Bar Tut...
Toggle Switch Button: • Figma Toggle Switch Bu...
======
Don't forget to like, subscribe and turn on notifications to watch new ui ux design videos and figma tutorials
15 авг 2024