In this tutorial, I will show you how to create Loading Spinner Animation with Figma Interactive Components. Also, you will learn how to use Frames, Groups, Multiple Components, Variants, Prototype and Smart Animate.
In this video I show you:
00:00 Loading Spinner UI Design
03:07 Create Groups
03:25 Duplicate
03:50 Frame Selection
05:19 Create Multiple Components
05:30 Combine as Variants
06:12 Prototype
======
Watch my others Figma Interactive Components tutorials:
Web Design Landing Page: • Figma Web Design Tutor...
Animated Liquid Switch: • Animated Liquid Switch...
Hover Effect Button: • Hover Effect Button Tu...
Search Bar (Keyboard Input Animation): • Search Bar (Keyboard I...
Loading Animation: • Loading Animation | Fi...
Interactive Star Rating: • Figma Star Rating Anim...
Interactive Slider: • Figma Slider Animation...
Interactive Floating Action Button (FAB): • Floating Action Button...
Interactive Hamburger Menu: • Hamburger Menu Animati...
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 design videos and tutorials
13 июл 2024