Figma Dropdown Menu Tutorial | Prototype
Ғылым және технология
In this video, I will show you how to make a Drop Down Menu in Figma. Also, you will learn how to create animations and interactivity to your prototype.
In this tutorial I show you:
00:00 Intro
01:30 Dropdown Menu UI Design
04:30 Create Component
04:45 Create Variants
09:00 Prototyping
======
Watch my other UI Design tutorials:
How to Make Beautiful Shadows: • How to Make Beautiful ...
How to Make Aurora Gradient in Figma: • Aurora Gradient in Fig...
======
Don't forget to like and subscribe to watch new design videos and tutorials
Пікірлер: 59
Thank you for this, really easy to follow and 100 points for the lo-fi music too❤
@ChinskDesign
2 жыл бұрын
I’m glad to hear that! Thank you so much! 🙏🤩
EASY AND TO THE POINT
Дуже дякую)))) Супер, допоміг!!!!
@ChinskDesign
2 жыл бұрын
Glad to help! Thank you so much!
Thank you for this tutorial. Very helpful.
@ChinskDesign
2 жыл бұрын
I’m glad to hear that! Thank you so much! 🙏🤩
¡Me ha ayudado mucho! Tutorial directo al grano, me suscribo ;)
@ChinskDesign
2 жыл бұрын
Estoy feliz de poder ayudar. ¡Muchas gracias! 🙏🤩
Thank you so much. It is so simplified method.
@ChinskDesign
2 жыл бұрын
I'm glad to hear that! Thank you so much.
Thanks a lot for this tutorial 👍
@ChinskDesign
2 жыл бұрын
Glad to help! Thank you so much!🙏
Thanks for this, simple technique.
@ChinskDesign
2 жыл бұрын
So glad to hear! Thank you!
Awesome! ✨ Thanks for this.
@ChinskDesign
2 жыл бұрын
Glad to help! 🤩 I will keep posting videos every week, share with your friends 😃 Thank you very much! 🙏
@Techdesignmuchmore
2 жыл бұрын
Osam
thanks for this awesome tutorial!
@ChinskDesign
Жыл бұрын
Hi!😃 I’m glad to help!🤩 Thank you so much for watching! Which tutorial do you want to see here on the channel? Have a great weekend!
I didn't knew we could use components like that ... I'll try this now
@ChinskDesign
Жыл бұрын
Hi!😃 Yes, it's an amazing tool! Watch the other videos here on our channel for more possibilities to use interactive components. Did it work?
Thanks a lot sharing simple technique...
@ChinskDesign
2 жыл бұрын
So glad to hear! Thank you!
Really appreciate this share! Simple & to the point.
@ChinskDesign
2 жыл бұрын
Thank you so much! 🤩
@Tecboy08
2 жыл бұрын
@@ChinskDesign I'm new to Figma learning as much as I can everyday. I do have questions, would it be ok to ask here or do you have email/website I can ask there?
@ChinskDesign
2 жыл бұрын
Hi! You can ask the questions here, no problem. I will be glad to help you 😀
@Tecboy08
2 жыл бұрын
@@ChinskDesign I am working on a self project app. I wanted a continuous scrolling picture area under the title & navigation area. When first go to the home page. Is this possible? I want the pictures to continue to scroll right to left no click or hover over. Will Smart Animation allow me to do such?
@ChinskDesign
2 жыл бұрын
Hi! I'll make a video and post it here on the channel to help you 😉
Helpful video
@ChinskDesign
Жыл бұрын
Hi!😃 I’m glad to help!🤩 Thank you so much for watching! Which tutorial do you want to see here on the channel? Have a great weekend!
Thank u so much
@ChinskDesign
2 жыл бұрын
Glad to help! Thank you so much!🤩
THANKYUUUUU
@ChinskDesign
2 жыл бұрын
Glad to help!🤩 Thank you so much for the feedback! Are you enjoying the content of our channel?
thanks
@ChinskDesign
2 жыл бұрын
Thank you!
My problem comes when I try to place the drop down in a screen that has autolayout components… then when I animate open the drop-down- it pushes the other content down. Anyone have a solve for this?
nice tutorial mate, i like it, but what if we want to change the color of the clothes
@ChinskDesign
2 жыл бұрын
Thank you so much! 🤩 I'll try to make a video changing the color of the clothes and post it here on the channel to help you 👍
@AgungPrayoga
2 жыл бұрын
@@ChinskDesign Thanks bro👍
hello, can someone please explain the last step after connecting the size boxes. I am not able to move the default box. Kindly explain after 10.17
@ChinskDesign
2 жыл бұрын
Hi! 😃 You have to keep selected only the default box, then you have to copy and paste wherever you want. Did it help you?
@ChinskDesign
2 жыл бұрын
Hi! Did it work?
@jijiomo6336
Жыл бұрын
@@ChinskDesign this question keep only the selected default box and cop and paste. Tried it but didnt work for me
@ChinskDesign
Жыл бұрын
Hi!😃 You can also try clicking on "Assets" in the left panel and choose the default box. Let me know if it worked.
Hi, I am trying to design interactive input fields. But, I am not getting it in a perfect way. Is it possible for you to help or guide me ? There are very few tutorials on that and they are too fast, I am unable to understand. Thank you.
@ChinskDesign
2 жыл бұрын
Hi! I'll make a video and post it here on the channel to help you 🙂
@rukminikotamraju
2 жыл бұрын
@@ChinskDesign Thank you so much 🙏
@ChinskDesign
2 жыл бұрын
Hi! Today I will post a video as I promised about Interactive Input Field. Hope you like 😀
@rukminikotamraju
2 жыл бұрын
@@ChinskDesign Waiting... Thanks in advance :)
@ChinskDesign
2 жыл бұрын
Hi! 😃 Did the video “Input Fields” help you?
can i have source files?))
@ChinskDesign
Жыл бұрын
Hi!😃 Sorry, I don't have the file anymore, but you can put the video in a lower speed to follow the steps. Thank you so much for watching! Have a great week!
@TheKapanskiy
Жыл бұрын
@@ChinskDesign thank you too
irritating watching you dawdle around the screen with your mouse, would really benefit some words and also not using hot keys we can't see!