How to Create Interactive Drop Down Menu In Figma | Figma Tutorial
In this video, I tried to show you how to create an interactive drop-down menu in Figma with hover effects. If you found this video useful then don't forget to like, comment and share this video.
Support Me: www.buymeacoffee.com/rohanmoh...
Follow Me
Behance: www.behance.net/rohanmoharana
Instagram: / rohandesigns_
Check Out Previous Videos
Animated Sign Up: • How to Create Interact...
Collapsible Sidebar: • Create Collapsible Sid...
Endless AutoScroll: • Interactive Landing Pa...
Loading Animation: • 3 Creative Loading Ani...
UI Design Resouces: • UI Design Resources
Figma Animation Tutorial Playlist: • Playlist
TimeStamps
00:00 - Preview
00:14 - Design
04:00 - Prototype
06:03 - Final Output
Пікірлер: 38
Thanks for all the support for this video. Check out the latest video of Drop Down Menu using Figma Variables Link is here: kzread.info/dash/bejne/ZnqY0suYorfFiZc.html
Really looked everywhere for this exact Tutorial!, Thank goodness for it and you!
@pixxelex
9 ай бұрын
Glad you liked it!
the frame when it's closed take space in the design ,and when i make it smaller in the component it dosent work , the component completey destroyed is there a way to solve that ?
Thanks so much for this video. I have been battling with this since yesterday. To the point that I had to off my PC with anger. Although, I’m a newbie. Once again, thanks.
@pixxelex
Ай бұрын
You are so welcome!
Great tutorial. Simple & short 👍👍
@pixxelex
8 ай бұрын
Glad you liked it!
Thanks for the tutorial. This is exactly what I was looking for.
@pixxelex
Ай бұрын
Glad it was helpful!
ns si me entiendas , pero me ayudaste mucho mucho gracias
Thank you so much! It helps me a lot!
@pixxelex
5 ай бұрын
Glad it helped!
Thank you.. it was so easy to learn
@pixxelex
Ай бұрын
You're welcome 😊
me salvo la vida
thank you
@pixxelex
6 ай бұрын
You're welcome
How to use this interaction in real project design where another dropdown button is using in below. It will not showing the dropdown list because of the other button that used in below.
@pixxelex
7 ай бұрын
See, I believe there shouldn't be any button below it. You could set up a second button next to it.
Nice video, how many ms did you use when linking the options
@pixxelex
9 ай бұрын
Thanks, I have used 150ms for linking the options
how do i connect these drop down to another framework? do you have vid for it?
@pixxelex
Ай бұрын
Add the components to the frame and make changes in text according to your need
3:57 yo guys when he pushes up the options frame upwards how does it vanishes? like is there any shortcut for something i am trying that since a while now but no progress yet. Any help would be much appreciated
@pixxelex
4 ай бұрын
Make sure to turn on the Clip content of the parent frame (Frame 5).
@leanstrong755
4 ай бұрын
@@pixxelex Thanks, but do i just need to select the frame and push it up with Clip content being on? right?
@pixxelex
4 ай бұрын
Yup! Just turn on the Clip content of the parent frame (Frame 5).
I thought you will use new feature - variable...
@pixxelex
10 ай бұрын
Will soon make a tutorial on it
@pixxelex
8 ай бұрын
Check out the latest video of Drop Down Menu using Figma Variables Link is here: kzread.info/dash/bejne/ZnqY0suYorfFiZc.html
What are you doing to slide it up and hide the drop menu?
@pixxelex
8 ай бұрын
Make sure to turn on the content clip of the frame.
@Pibepan10
5 ай бұрын
same question even with clip content
omg the music....please no
Am i the only one who is fucked up rn?