Тёмный

Figma Loading Spinner Animation | Interactive Components 

Chinsk Design
Подписаться 6 тыс.
Просмотров 17 тыс.
50% 1

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

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 30   
@digitalman1867
@digitalman1867 Год назад
Thank you, I find this really helpful.
@ChinskDesign
@ChinskDesign Год назад
Glad to help!🤩 Thank you so much for the feedback! Have a great week!
@victorjuwe7879
@victorjuwe7879 Год назад
It worked thanks a lot
@ChinskDesign
@ChinskDesign Год назад
Glad to help!🤩 Thank you so much for the feedback! Which tutorial do you want to see here on the channel? Have a great weekend!
@AshishMishra-cm1bi
@AshishMishra-cm1bi Год назад
Amazing , How can I export this and handoff to the developer (gif or svg)?
@gibsonikenna4721
@gibsonikenna4721 2 года назад
Nice video mate. Please can u share the background song titles
@ChinskDesign
@ChinskDesign 2 года назад
Hi!😃 The songs are from RU-vid, their names you can find in the description of the videos 😉 Watch the other videos on the channel for more tutorials and cool songs 😃 Thank you very much!🙏🤩
@gibsonikenna4721
@gibsonikenna4721 2 года назад
@@ChinskDesign thanks but sadly I can’t find the songs on this video description could u please add the songs on this video description. Thanks
@ChinskDesign
@ChinskDesign 2 года назад
Hi! 😃 Try to follow these steps: open the video description, scroll down to the end, there will be a section called “chapters”, after that there will be a section called “Musics”.
@TusharVasishta
@TusharVasishta Год назад
It's not rotating I did everything but it isn't
@ChinskDesign
@ChinskDesign Год назад
Did it work? As you said in the other video tutorial😀
@user-xi3kr1xg4w
@user-xi3kr1xg4w Год назад
i cant get this yet , please some help
@hudasuloyi1755
@hudasuloyi1755 Год назад
same here
@Azx12345
@Azx12345 Год назад
Why did you make the down part and hide it later?
@ChinskDesign
@ChinskDesign Год назад
Hi!😃 It’s a technique to make the rotation animation work. Are you enjoying the channel content? What next tutorial do you want to see here?😀
@Azx12345
@Azx12345 Год назад
@@ChinskDesign ya but eventually you hide it before previewing it so I got confused
@ChinskDesign
@ChinskDesign Год назад
Hi!😃 I understood. Did it work?
@leonardosorrentini9451
@leonardosorrentini9451 Год назад
i didn't get this either
@ChinskDesign
@ChinskDesign Год назад
Hi!😃 It’s a technique to make the rotation animation work. Did it work?
@stevemalone6062
@stevemalone6062 5 месяцев назад
it kind of pulses but doesn't spin
@ChinskDesign
@ChinskDesign 5 месяцев назад
Hi!😃 Try restarting the prototype mode and follow step by step. Let me know if it worked.
@stanleyugeh3184
@stanleyugeh3184 Год назад
It didnt seem to work on my ends
@ChinskDesign
@ChinskDesign Год назад
Hi!😃 Which part is not working?
@stanleyugeh3184
@stanleyugeh3184 Год назад
@@ChinskDesign it doesn’t rotate
@bahamintaheri8550
@bahamintaheri8550 Год назад
yes it doesnt work and doesnt spining
@bahamintaheri8550
@bahamintaheri8550 Год назад
plz help me😢
@ChinskDesign
@ChinskDesign Год назад
Hi!😃 Try pressing “R” in presentation mode to restart the presentation. Let me know if it worked.
@user-tb1vg9uw9o
@user-tb1vg9uw9o 9 месяцев назад
sumpah kagak jelas bang, kagak ngerti gw
Далее
Accordion Animation | Figma Interactive Components
7:35
Figma Leonardo AI Animation Tutorial (+ free file)
10:31
Figma Number Animation | Micro Interactions
8:02
Просмотров 2,1 тыс.
How To Create Loading Spinner In Figma
18:26
Просмотров 32 тыс.
Figma Swipe to Delete | Interactive Components
8:10
Просмотров 10 тыс.
Figma Loading Animation | Micro Interactions
8:04
Просмотров 11 тыс.
😮Новый ДИРЕКТОР Apple🍏
0:29
Просмотров 20 тыс.
Acer Predator Тараканьи Бега!
1:00
Просмотров 448 тыс.