Back to Browse

Animated Liquid Switch | Figma Interactive Components

890 views
Premiered May 9, 2022
6:30

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: 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

Download

0 formats

No download links available.

Animated Liquid Switch | Figma Interactive Components | NatokHD