Interactive Select Option Field in Figma showing you selection, by Prototyping Component and Variant

Learn to prototype a working and functional select field in Figma. Using Interactive components and variants

[@olumidebenjamin6418]

thank you always..... you always explain in details and I always get each and every bit of it. thank you

[@femijohn]

You’re welcome ☺️

[@Shaun_X]

Your are the absolute Figma professional, Thank you Sir!!!

[@femijohn]

Thank you so much for your kind words 🥹🙏

[@_mercyidowu]

Your videos are so easy to understand, thank you boss

[@femijohn]

Thank You 😊

[@nekabarizornaata9299]

FJ you're the best. God bless you

[@femijohn]

You’re welcome

[@Stylebyreme]

Very helpful!! Thank you!

[@femijohn]

🤭 Thanks

[@olusolaafikode853]

Nice, I needed this

[@femijohn]

You’re welcome.

[@AbasiamaUseh-j1c]

Thank you

[@bukola.nifade]

Hi, thank youfor this video. Please do you have a video where one cam select multiple items at a time, like tags?

[@makinwavictor]

Just what I needed!!

[@femijohn]

Thanks, enjoy! 😊

[@luyentran816]

Very helpful, thank you 😀

[@femijohn]

You’re welcome 😌

[@okoyekate2377]

This is very helpful 🙂

[@femijohn]

Glad it was helpful!

[@gpsportstv504]

super cool but i have problem with creating the hover sign. how did you create the blue hover

[@femijohn]

The item list are variants of a single component which has 2 states. There’s an on hover that takes you to this second variant. I hope you understand

[@gpsportstv504]

@@femijohn I think I do now. Thanks

[@arturodelarosa2002]

This is what i was trying to avoid, i wish there was a way of not having to create several variants for every drop down menu in the damn form.

[@tatjanatandaric3358]

There is a way with Set variable and Change to

[@libraman329]

can I please get the link to a copy of this file pleaseeeeee??

[@abisolakanyinola2852]

This was helpful.😃

[@femijohn]

You’re very welcome 😊

[@fortyozsteak]

The problem is you can't change the state of another component when you click on a selection

[@Didi_is_queen]

I really can't get past the part where you set 0 as the fixed height, mine doesn't compresee like that

[@femijohn]

What happens when you do? Reducing the size of the frame from the bottom, hold Cmd or cntrl while doing that. You can also remove auto layout from the frame by clicking on the ( - )minus on the top right of the auto layout section. And also try enabling the “clip content “ check box. One of these should fix any possible issues

[@Didi_is_queen]

@@femijohn I fixed it thank you 😊

[@isnanae3368]

THANKYOUUUUU

[@sugarplumm_]

Hi, I love this. Also, I'm trying to get into ui. I have an idea for a Web app I'll love to replicate if someone does it. Are you open to making a video tutorial on how you would go about it?

[@femijohn]

That’s nice. Yes, I am open to making a web application video tutorial. But I’m not sure yet on how comprehensive it will be. If there’s any part of the process you would like to see, you can send me a message

[@sugarplumm_]

@@femijohn okay where can I do that

[@femijohn]

@@sugarplumm_ I have my social media details on my about section. You can send a dm me

[@khabbas7911]

❤️❤️🙏🙏🙏

[@femijohn]

Thanks 🙏