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

  • @aderonx
    @aderonx2 жыл бұрын

    Thank you for this, really easy to follow and 100 points for the lo-fi music too❤

  • @ChinskDesign

    @ChinskDesign

    2 жыл бұрын

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

  • @peter9759
    @peter97593 ай бұрын

    EASY AND TO THE POINT

  • @user-ne6ho8zg6o
    @user-ne6ho8zg6o2 жыл бұрын

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

  • @ChinskDesign

    @ChinskDesign

    2 жыл бұрын

    Glad to help! Thank you so much!

  • @rohaizaltaib9933
    @rohaizaltaib99332 жыл бұрын

    Thank you for this tutorial. Very helpful.

  • @ChinskDesign

    @ChinskDesign

    2 жыл бұрын

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

  • @cleolart
    @cleolart2 жыл бұрын

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

  • @ChinskDesign

    @ChinskDesign

    2 жыл бұрын

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

  • @rukminikotamraju
    @rukminikotamraju2 жыл бұрын

    Thank you so much. It is so simplified method.

  • @ChinskDesign

    @ChinskDesign

    2 жыл бұрын

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

  • @AyushPattnaik
    @AyushPattnaik2 жыл бұрын

    Thanks a lot for this tutorial 👍

  • @ChinskDesign

    @ChinskDesign

    2 жыл бұрын

    Glad to help! Thank you so much!🙏

  • @tatanania1390
    @tatanania13902 жыл бұрын

    Thanks for this, simple technique.

  • @ChinskDesign

    @ChinskDesign

    2 жыл бұрын

    So glad to hear! Thank you!

  • @yurevillabona6516
    @yurevillabona65162 жыл бұрын

    Awesome! ✨ Thanks for this.

  • @ChinskDesign

    @ChinskDesign

    2 жыл бұрын

    Glad to help! 🤩 I will keep posting videos every week, share with your friends 😃 Thank you very much! 🙏

  • @Techdesignmuchmore

    @Techdesignmuchmore

    2 жыл бұрын

    Osam

  • @ervankurniawan41
    @ervankurniawan41 Жыл бұрын

    thanks for this awesome tutorial!

  • @ChinskDesign

    @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!

  • @avatr7109
    @avatr7109 Жыл бұрын

    I didn't knew we could use components like that ... I'll try this now

  • @ChinskDesign

    @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?

  • @yuvrajmakode1056
    @yuvrajmakode10562 жыл бұрын

    Thanks a lot sharing simple technique...

  • @ChinskDesign

    @ChinskDesign

    2 жыл бұрын

    So glad to hear! Thank you!

  • @Tecboy08
    @Tecboy082 жыл бұрын

    Really appreciate this share! Simple & to the point.

  • @ChinskDesign

    @ChinskDesign

    2 жыл бұрын

    Thank you so much! 🤩

  • @Tecboy08

    @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

    @ChinskDesign

    2 жыл бұрын

    Hi! You can ask the questions here, no problem. I will be glad to help you 😀

  • @Tecboy08

    @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

    @ChinskDesign

    2 жыл бұрын

    Hi! I'll make a video and post it here on the channel to help you 😉

  • @sukhbatsosorbaram7779
    @sukhbatsosorbaram7779 Жыл бұрын

    Helpful video

  • @ChinskDesign

    @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!

  • @olatalaat
    @olatalaat2 жыл бұрын

    Thank u so much

  • @ChinskDesign

    @ChinskDesign

    2 жыл бұрын

    Glad to help! Thank you so much!🤩

  • @jayanthabagus3952
    @jayanthabagus39522 жыл бұрын

    THANKYUUUUU

  • @ChinskDesign

    @ChinskDesign

    2 жыл бұрын

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

  • @azimjondev
    @azimjondev2 жыл бұрын

    thanks

  • @ChinskDesign

    @ChinskDesign

    2 жыл бұрын

    Thank you!

  • @melissaviesca2299
    @melissaviesca229911 ай бұрын

    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?

  • @AgungPrayoga
    @AgungPrayoga2 жыл бұрын

    nice tutorial mate, i like it, but what if we want to change the color of the clothes

  • @ChinskDesign

    @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

    @AgungPrayoga

    2 жыл бұрын

    @@ChinskDesign Thanks bro👍

  • @rajassvibabu3833
    @rajassvibabu38332 жыл бұрын

    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

    @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

    @ChinskDesign

    2 жыл бұрын

    Hi! Did it work?

  • @jijiomo6336

    @jijiomo6336

    Жыл бұрын

    @@ChinskDesign this question keep only the selected default box and cop and paste. Tried it but didnt work for me

  • @ChinskDesign

    @ChinskDesign

    Жыл бұрын

    Hi!😃 You can also try clicking on "Assets" in the left panel and choose the default box. Let me know if it worked.

  • @rukminikotamraju
    @rukminikotamraju2 жыл бұрын

    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

    @ChinskDesign

    2 жыл бұрын

    Hi! I'll make a video and post it here on the channel to help you 🙂

  • @rukminikotamraju

    @rukminikotamraju

    2 жыл бұрын

    @@ChinskDesign Thank you so much 🙏

  • @ChinskDesign

    @ChinskDesign

    2 жыл бұрын

    Hi! Today I will post a video as I promised about Interactive Input Field. Hope you like 😀

  • @rukminikotamraju

    @rukminikotamraju

    2 жыл бұрын

    @@ChinskDesign Waiting... Thanks in advance :)

  • @ChinskDesign

    @ChinskDesign

    2 жыл бұрын

    Hi! 😃 Did the video “Input Fields” help you?

  • @TheKapanskiy
    @TheKapanskiy Жыл бұрын

    can i have source files?))

  • @ChinskDesign

    @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

    @TheKapanskiy

    Жыл бұрын

    @@ChinskDesign thank you too

  • @kuvsayeed8166
    @kuvsayeed81663 ай бұрын

    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!

Келесі