Hellow guys, Welcome to my website, and you are watching Create a TOGGLE BUTTON (Option Switcher) With a HOVER Functionality (Figma Tutorial). and this vIdeo is uploaded by Mavi Design at 2022-05-16T10:16:00-07:00. We are pramote this video only for entertainment and educational perpose only. So, I hop you like our website.
| Name | Create a TOGGLE BUTTON (Option Switcher) With a HOVER Functionality (Figma Tutorial) |
| Video Uploader | Video From Mavi Design |
| Upload Date | This Video Uploaded At 16-05-2022 17:16:00 |
| Video Discription | Visit my STORE: https://bit.ly/mavi-design-store Explore Mavi Design COURSES : https://bit.ly/mavi-design-courses Download FIGMA for FREE: https://bit.ly/get-started-with-figma Take FULL advantage of ALL FIGMA's features: https://bit.ly/figma-professional-plan In this video I'm going to show you how to design a Toggle Button / Option Switcher with a hover functionality in Figma. 0:00 – The Result 0:13 – Structure of this tutorial / process 0:40 – Creating the OPTION component 4:14 – Crearing the OPTION SWITCHER (Container) component 5:08 – Result so far – only hover functionality 5:45 – Defining toggle button (option switcher) states 6:58 – Why nesting components is a great way to design User Interfaces 8:10 – Defining interactions (actual functionality) 9:44 – The Result How to design (create) an interactive Toggle Button (Option Switcher) Component Prototype from scratch in Figma (Step-by-step explanation and clarification of the design process) ———— © 2022 Mavi Design |
| Category | Howto & Style |
| Tags | figma | tutorial | figma tutorial | figma product design | ux ui | ux | ui | figma ux | figma ux ui | product design | user interface design | figma button | option switcher | toggle switch | switch button figma | figma switcher | figma option switcher | option selector UI design | how to design option selector | figma toggle switch | figma button switch with options | button switch ui design | button switch | figma design | figma tutorial for beginners |
