Country Picker Interaction - Advanced Prototyping with Figma Variables!

🚀 Get 2 free months of Skillshare Premium & watch my design course for free: skl.sh/2TVhf8z
In this video, I will show you how to design a dynamic country picker interaction using Figma Variables.
🔗 Full Playlist - • Advanced Prototyping w...
🔗 Figma File - www.figma.com/community/file/...
🚀 The Ultimate Guide to Become a Product Designer: learnproduct.design
🚀 The Super Ultimate Guide to Design Systems: learnproduct.design/designsys...
🚀 Create an account on Mobbin for free:
mobbin.com/?via=chethan
🔶 Chapters
00:00 Preview of the Interaction
01:20 Understanding the User Flow
07:46 Creating the Input Component
12:37 Full-Screen Overlay Interaction
19:41 Setting up the Logic
29:57 Creating the Interaction with Variables
40:53 Drawback of Figma Variables
44:46 Finishing the Interaction
--------------------------------------­---
Mega Product Design Course for Beginners:
• The Mega Product Desig...
Webflow Course for Beginners:
• Webflow Course for Beg...
Photoshop Tutorials:
• Photoshop CC Tutorials
Illustrator Tutorials:
• Illustrator CC Tutorials
After Effects Tutorials:
• After Effects CC Tutor...
UI Design Tutorials:
• UI Animation/Interacti...
Design Resources, Tools and Softwares:
• Design Resources, Tool...
Adobe XD CC Tutorials:
• Adobe XD CC Tutorials
eSports Design Tutorials:
• eSports Design Tutorials
--------------------------------------------------------------------------------------------
Contact me :
Portfolio: chethankvs.design
Twitter: / kvschethan
Instagram: / design_pilot
Mail: [e-mail]
Behance: behance.net/chethankvs
Dribbble: dribbble.com/chethankvs
--------------------------------------------------------------------------------------------
LIKE, SHARE, COMMENT & SUBSCRIBE :)

[@manjurahul1673]

In the world of unnecessary/useless animations in the name of prototypes,
this mini-series is Gold and is exactly what I was looking for after starting to learn UI design.
You deserve more subscribers bro.
Amazing :)

[@Lala-uh9dr]

Thank you very much!!! You are a wonderful teacher💛 No one can explain condition like you do. I thought I was stupid when I watched other videos about variables, and didn't get a thing. But now I feel clever again 😃

[@sagartyagi1049]

Bhai bhai bhai you are figma god, our country needs teacher like you, Am touching your feet❤❤❤ love you a lot

[@user-ez5hk9ck4g]

Thanks, You are a blessing for new UI UX designers.

[@melvinchai7927]

thanks for the video! i was looking for someone to explain how does the conditional work with variable and provide an example. Good job!

[@NikhilSingh-ez1mq]

As usual best tutorial available on UA-cam for learning advance prototyping
Chetan ❤🔥

[@Itachis_bro]

I'm saying, Chetan bro is best a teaching ⚡

[@vishalchandrajwar]

My mind right now 🤯
Thanks sir for this type of content.

[@makhnagames]

Thank you so much ! As an CSE Engg. i can easily relate to this.❤

[@tanvirahassananik8055]

This is just mind blowing. I am glad I have found your tutorials. ❤

[@egedepeter6038]

Indians are best humans on the planet DAMN BROOO thank you for this ❤

[@simransharma6875]

Amazing video 🔥

[@hafizgraphics9676]

supper Great. I love the way you explain it impressive.😍

[@pabitrashow9748]

Again, it is a knowledgeable and helpful video. Thanks, man, for making us educated designer.❤❤

[@nemocreativestudio]

If Chethan is the real name. Else remove the H letter to change it to Chetan. Chetan in Arabic means the Devil, and you're the devil my friend. Great tutorial 🔥

[@kriswayne7938]

Which elements on the screens did u get from a kit?

[@DesignPilot]

Just the keyboard, status bar and home indicator

[@jamie8367]

when are you releasing "Solve your main problem statement like a Pro" for the course book?

[@DesignPilot]

Working on it

[@shashiprakash543]

Your channel is going to disappoint paid tutorials🤣

[@tochidioka6019]

Hi Chethan, I followed the tutorial and it was really understandable.
Question: I added country flags to my input field, If I was to change the flag, from India to UK or UK to India, will I use the Boolean variable?
Btw, the only problem I have is that you're going to be releasing the prototyping videos each week. Ha!!!!😩

[@DesignPilot]

Ideally you can make all the flags as variants of a master component. Not Instance, But variants. And then you swap the instance using the normal SET VARIABLE trigger.

[@tochidioka6019]

Ok, thank you Chethan. Let me try that now@@DesignPilot

[@tochidioka6019]

Thanks, It worked! but to swap it back to the default flag now is the problem. @@DesignPilot

[@kishorekumar8216]

mind blown! 🤯 kudos to you chethn 🫡