Figma Slider Animation Tutorial | Interactive Components

Publié le: 28 mars 2022
sur la chaîne: Chinsk Design
31,856
512

In this tutorial, I will show you how to make a Animated Slider Button in Figma with Interactive Components. Also, you will learn how to use Groups, Components, Variants, Prototype and On Drag Smart Animate.

In this video I show you:

00:00 Slider Button UI Design
04:45 Use as mask
06:25 Create Group
07:04 Create Component
07:18 Create Variants
09:30 Prototype

======

Watch my others Interactive Components Figma tutorials:

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


Sur cette page du site, vous pouvez voir la vidéo en ligne Figma Slider Animation Tutorial | Interactive Components durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Chinsk Design 28 mars 2022, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 31,856 fois et il a aimé 512 téléspectateurs. Bon visionnage!