Figma Variants Tutorial - Now Design 10x Faster - 📎 With Practice File

[@udayrajsathe]

Link to Practice File - www.figma.com/community/file/910872250173862884/Try-Variants-w%2F-KZbin-Tutorial 💬 DM me on Instagram or Facebook if you need any help or just want to say Hello :-)

[@LilyBrand12345]

Great video again! I also recommend including toggle and illustration variants like the one shown in the official Figma tutorial.

[@udayrajsathe]

Sure. I'm planning to create few interesting examples using Variants ✌️

[@jinuspotify2281]

Had seen lot of tutorials about Variants, this is the best one❤️,thanks❤️

[@udayrajsathe]

😀 Thrilled to know that

[@mehuldabhi4334]

love your tutorials, will watch ur vides without skipping a second. keep uploading.

[@udayrajsathe]

Thanks a lot for your kind words 🤗 It encourages me to keep creating videos.

[@aniketjoshi7518]

Hi, Can you create an or any app in figma showing the proper process from start to end in detail so any beginner would know how to go step by step to create an app in figma. By process I mean creating design system, using autolayouts etc.Thank you. You explain very nicely and simply so i request you to create an app in figma.

[@udayrajsathe]

Yes, Aniket. It might take some time but I'll surely create it. Finally found some time for new videos ✌

[@aniketjoshi7518]

@@udayrajsathe oh, thanks for considering my request

[@nirukusam]

Your video's are great thanks, Can you tell how this variants will help will prototyping.

[@udayrajsathe]

In my opinion, Variants is part of bigger update - Interactive components. Its coming in January. It will help us prototype Radio/Checkbox Selections, Toggles, Hover and click interactions etc. without duplicating frames. That will be huge timesaver. In current state, if we need to prototype all click states ( like sign up form example in video ) Variants will help us get it done faster.

[@LilyBrand12345]

Hi, at 10:04, I want to change from the bullet icon to the email icon. But when I double clicked on the bullet icon, the right panel doesn't let display the list of icons for me to change to :( It just shows a disabled "form field" only

[@udayrajsathe]

You're probably selecting the 'Bullet Icon' Layer Inside that Component Instance. Try Selecting its Component Instance (Hollow Diamond Icon around that) using Layers Panel. Let me know if this helps 🤔

[@wild_encounters007]

Thanks for sharin figma file Uday. Its superhelpful !

[@udayrajsathe]

🤟😎

[@mohankumarerappas]

Thank you Uday

[@udayrajsathe]

You're welcome 😎

[@nguyenan8302]

Love you bro ! Super helpful for me :)

[@udayrajsathe]

Hey, Thanks 😊 I am glad that it helped.

[@agustinfernandez5688]

Amazing tutorial!! super unterstandable!

[@udayrajsathe]

Thanks Augustin :-)

[@ngocquynhnhuha6271]

Nice Tutorial, thanks a lot :)

[@udayrajsathe]

Thanks 😇

[@tanvirahassan]

Thanks. It was fun.

[@udayrajsathe]

Thanks a ton 😊

[@tutorbolbol980]

Thank you very much! Perfect tutorial because include file .figma

[@udayrajsathe]

Thanks. Keep watching 🤩😃

[@0xgroot]

Okay. this is awesome

[@udayrajsathe]

Thanks 🤟🏽😎