Figma Dropdown Menu Tutorial | Prototype

Подписаться 6 тыс.

Просмотров 25 тыс.

50% 1

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

Наука

Опубликовано:

6 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 59

@aderonx 2 года назад

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! 🙏🤩

@peter9759 3 месяца назад

EASY AND TO THE POINT

@cleolart 2 года назад

¡Me ha ayudado mucho! Tutorial directo al grano, me suscribo ;)

@ChinskDesign 2 года назад

Estoy feliz de poder ayudar. ¡Muchas gracias! 🙏🤩

@rohaizaltaib9933 2 года назад

Thank you for this tutorial. Very helpful.

@ChinskDesign 2 года назад

I’m glad to hear that! Thank you so much! 🙏🤩

@user-ne6ho8zg6o 2 года назад

Дуже дякую)))) Супер, допоміг!!!!

@ChinskDesign 2 года назад

Glad to help! Thank you so much!

@avatr7109 Год назад

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?

@rukminikotamraju 2 года назад

Thank you so much. It is so simplified method.

@ChinskDesign 2 года назад

I'm glad to hear that! Thank you so much.

@AyushPattnaik 2 года назад

Thanks a lot for this tutorial 👍

@ChinskDesign 2 года назад

Glad to help! Thank you so much!🙏

@yurevillabona6516 2 года назад

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

@tatanania1390 2 года назад

Thanks for this, simple technique.

@ChinskDesign 2 года назад

So glad to hear! Thank you!

@ervankurniawan41 Год назад

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!

@sukhbatsosorbaram7779 Год назад

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!

@yuvrajmakode1056 2 года назад

Thanks a lot sharing simple technique...

@ChinskDesign 2 года назад

So glad to hear! Thank you!

@Tecboy08 2 года назад

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 😉

@olatalaat 2 года назад

Thank u so much

@ChinskDesign 2 года назад

Glad to help! Thank you so much!🤩

@melissaviesca2299 11 месяцев назад

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?

@jayanthabagus3952 2 года назад

THANKYUUUUU

@ChinskDesign 2 года назад

Glad to help!🤩 Thank you so much for the feedback! Are you enjoying the content of our channel?

@azimjondev 2 года назад

thanks

@ChinskDesign 2 года назад

Thank you!

@rajassvibabu3833 2 года назад

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.

@AgungPrayoga 2 года назад

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👍

@rukminikotamraju 2 года назад

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?

@TheKapanskiy Год назад

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