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

'Component States' like Feature is now in Figma as Variants. Watch this Figma Variants tutorial to uncover the True Potential of this November 2020 update. Now learn to use Figma Components like a PRO.

Link to Practice Variants File -

Timestamps -
0:00 Intro
0:58 Instance Swapping - Figma October Update
1:34 Creating Variants & Basic Uses
6:54 Using Toggles - Boolean Mode
7:57 Edit, Duplicate & Delete Variants
9:38 Final Output - Real Life Example

Figma Components Tutorial

Figma Animation Tutorials

Playlist for Free and most complete Figma Course

Figma is my personal favorite Design Tool. It's one of the fastest-growing design tools right now. That's why I am creating a complete course on this to help new designers which will cover the Basics and Expert features of Figma.

If you're a beginner to Figma or planning to switch to Figma from Sketch/Adobe XD, don't forget to subscribe to this channel and hit the bell icon.

-----------------------------------------------

ABOUT ME

I am Udayraj, and I’ve created this channel to share the things I learned in the last 5 years of my career. On this channel, I’ll share Figma Tutorials, Adobe XD tutorials, Various Prototyping Tools & lots of design tips.

I am a UX Designer with 5+ years of experience. I have worked with Startups as well as Fortune 500 companies in various domains such as - Healthcare, E-commerce, Logistics/Supply Chain, Infotainment, Mobile Gaming & E-Learning.

Please subscribe and say hi in the comments or connect with me on social media :)

-----------------------------------------------

SOCIAL

-----------------------------------------------

#figma #design #tutorial #ui #ux

[LilyBrand]

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

[jinuspotify]

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

[mehuldabhi]

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

[nguyenan]

Love you bro ! Super helpful for me :)

[wild_encounters]

Thanks for sharin figma file Uday. Its superhelpful !

[agustinfernandez]

Amazing tutorial!! super unterstandable!

[nirukusam]

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

[aniketjoshi]

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.

[tutorbolbol]

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

[LilyBrand]

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]

Link to Practice File -

💬 DM me on Instagram or Facebook if you need any help or just want to say Hello :-)