Create a CHECKBOX DROPDOWN MENU in Figma (Tutorial)
HTML-код
- Опубликовано: 15 окт 2023
- Get the SOURCE FILES for this project ($1.99): payhip.com/b/3IZ1w
Visit my STORE: bit.ly/mavi-design-store
Explore Mavi Design COURSES : bit.ly/mavi-design-courses
Get FIGMA for FREE: bit.ly/get-started-with-figma
Take FULL advantage of ALL FIGMA's features: bit.ly/figma-professional-plan
FREE FIGMA COURSE / SERIES: Design a Website in Figma: • FREE Figma Web Design ...
In this video we're going to create a functional checkbox dropdown menu prototype using components and various Figma prototyping tools. This dropdown menu also has functional "select all" and "deselect all" buttons, approaching the real thing as much as possible.
This is a step-by-step, full process Figma prototyping explanation tutorial with source files available.
--------
© 2023 Mavi Design - Хобби
First comment 💬 📍pin me
thanks, it was a great tutorial, I will definitely use it. it was fun to watch the moment of discovery :)
i have a question; when I put a few of the dropdowns on the bottom and do the layout, the tab that opens stays under the dropdown header at the bottom, does not rise above it. it's so complicated. is there anyone who can help?
Hey Thanks man Really impressive !
God bless you man! Thanks a lot!!
Impressive!!!
Wonder if you could do the select all and deselect all with variables and condition statements
how do you then go about changing the item names from checkbox to what you actually need in your design. I need multiple dropdowns all with different item names
Thanks for the good toutorial could you du some App toutorials soone? 😊
Figma source file for fee community....