Figma Loading Animation | Micro Interactions
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 | Figma Interacti...
Notification Animation: • Notification Animation | Figma Intera...
Animated Swipe to Remove: • Swipe to Remove - All Cards | Figma I...
Audio Message Animation: • Audio Message Animation | Figma Motio...
Button Ripple Effect: • Button Ripple Effect | Figma Animation
Automatic Carousel: • Figma Automatic Carousel Animation Tu...
Circle Progress Bar: • Circular Progress Bar Animation | Fig...
Sound Wave Animation: • Figma Sound Wave Animation | Interact...
Dynamic Island Animation: • Dynamic Island Animation in Figma | P...
Dropdown Menu List: • Dropdown Menu with Scroll Animation |...
Animated Modal Overlay: • Animated Modal Pop Up | Figma Overlay...
Time Picker Animation: • Time Picker Animation | Figma Interac...
Animated Heart Icon: • Figma Animated Heart Icon | Interacti...
Animated Swipe to Delete: • Figma Swipe to Delete | Interactive C...
Floating Action Button (FAB): • Floating Action Button Animation in F...
Pulse Loading Animation: • Figma Pulse Animation | Loading Scree...
Animated Like Button: • Animated Like (Heart) Button | Figma ...
Search Bar (Keyboard Input Animation): • Search Bar (Keyboard Input Animation)...
Loading Animation: • Loading Animation | Figma Interactive...
Animated Countdown: • Animated Countdown Timer | Figma Inte...
Interactive Star Rating: • Figma Star Rating Animation | Interac...
Interactive Slider: • Figma Slider Animation Tutorial | Int...
Interactive Button: • Figma Interactive Button Tutorial | P...
Radio Buttons: • Figma Interactive Components | Radio ...
Checkbox: • Checkbox | Figma Interactive Componen...
Dropdown Menu: • Figma Dropdown Menu Tutorial | Prototype
Input Fields: • Figma Interactive Components | Input ...
Progress Bar: • Figma Progress Bar Tutorial | Prototype
Toggle Switch Button: • Figma Toggle Switch Button | Interact...
======
Don't forget to like, subscribe and turn on notifications to watch new ui ux design videos and figma tutorials
Смотрите видео Figma Loading Animation | Micro Interactions онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Chinsk Design 22 Ноябрь 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 11,464 раз и оно понравилось 259 людям.