Animated Liquid Switch | Figma Interactive Components
Chinsk Design
0:00 / 0:00
Animated Liquid Switch | Figma Interactive Components
910 просмотров · 4 г. назад
Chinsk Design
7,09 тыс. подписчиков
910 просмотров · 4 г. назад
In this tutorial, I will show you how to create an Animated Liquid Switch in Figma with Interactive Components. Also, you will learn how to Create Multiple Components, Combine as Variants, Prototype and use Smart Animate.
In this video I show you:
00:00 Liquid Switch UI Design
02:06 Create Group
03:21 Create Multiple Components
03:42 Combine as Variants
03:55 Prototype
======
Watch my others Figma Interactive Components tutorials:
Hover Effect Button: • Hover Effect Button Tutorial | Figma Inter...
Search Bar (Keyboard Input Animation): • Search Bar (Keyboard Input Animation) | Fi...
Loading Animation: • Loading Animation | Figma Interactive Comp...
Interactive Star Rating: • Figma Star Rating Animation | Interactive ...
Interactive Slider: • Figma Slider Animation Tutorial | Interact...
Interactive Floating Action Button (FAB): • Floating Action Button (FAB) | Figma Inter...
Interactive Hamburger Menu: • Hamburger Menu Animation | Figma Interacti...
Interactive Button: • Figma Interactive Button Tutorial | Prototype
Radio Buttons: • Figma Interactive Components | Radio Button
Checkbox: • Checkbox | Figma Interactive Components wi...
Dropdown Menu: • Figma Dropdown Menu Tutorial | Prototype
Input Fields: • Figma Interactive Components | Input Field
Progress Bar: • Figma Progress Bar Tutorial | Prototype
Toggle Switch Button: • Figma Toggle Switch Button | Interactive C...
======
Don't forget to like, subscribe and turn on notifications to watch new design videos and tutorials