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 Inte...
Interactive Button: • Figma Interactive Button Tutorial | P...
Radio Buttons: • Figma Interactive Components | Radio ...
Checkbox: • Checkbox | Figma Interactive Componen...
Dropdown Menu: • Figma Dropdown Menu Tutorial | Prototype
Input Fields: • Figma Interactive Components | Input ...
Progress Bar: • Figma Progress Bar Tutorial | Prototype
Toggle Switch Button: • Figma Toggle Switch Button | Interact...
======
Don't forget to like, subscribe and turn on notifications to watch new design videos and tutorials
Смотрите видео Figma Slider Animation Tutorial | Interactive Components онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Chinsk Design 28 Март 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 29,120 раз и оно понравилось 487 людям.