Figma Loading Spinner Animation | Interactive Components

Описание

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: https://youtu.be/tzKwdEks9T8

Animated Liquid Switch: https://youtu.be/RoKyh88X_fM

Hover Effect Button: https://youtu.be/Z5yhi2YVkSQ

Search Bar (Keyboard Input Animation): https://youtu.be/Oiav0MXU2sQ

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

Interactive Star Rating: https://youtu.be/psl1ar21oC8

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

Interactive Floating Action Button (FAB): https://youtu.be/xP38bpa8HWo

Interactive Hamburger Menu: https://youtu.be/TUy19-AGomc

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

Radio Buttons: https://youtu.be/k0D1l3lGs_M

Checkbox: https://youtu.be/0jgvOyS3XsQ

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

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

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

Toggle Switch Button: https://youtu.be/N_0X5rb6miY

======

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