Wanna challenge yourself to learn how to create more complex components? Check out my channel.
Connect with Product Meow:
YouTube @productmeow
⏰ Timecodes ⏰
0:00 - What you will be creating
0:14 - Start building individual Option
2:05 - Combining Options To Make It Look Like Dropdown Menu
6:17 - Create Dropdown Component
9:11 - 1st Check To See Static Dropdown on Presentation View
10:45 - Giving each Option hover effect
12:36 - Inspecting Option hover effect on Presentation View
13:08 - Toggle between closing and opening state for the dropdown menu
16:28 - Connecting the rest of the option to simulate option clicking
19:02 - Check that all options clicking interaction are connected properly
19:37 - Styling Dropdown Menu with 3 simple steps
#productmeow #figma #figmatutorial
About:
In this video, you'll learn how to create a dropdown menu on Figma. This is an equivalent of Select component. Follow along this step-by-step video to gain an understanding of how to build this dropdown menu from scratch !
