Components and variants tutorial figma by graphics guruji

  Рет қаралды 17,244

Graphics Guruji

Graphics Guruji

Күн бұрын

Components and variants tutorial figma by graphics guruji
You must know what are variants and components in figma tutorial.
figma component properties are:
Variant
Boolean
Instance swap
Text
We will start from the basics of Figma using components and then learn how to create interactive variants in Figma.
Learn how and what we can do with advanced components Figma.
Download the practice file I used in this tutorial:
How to use file? Open below link, click on "Open in figma" blue button:
www.figma.com/...
~~~~~~~~~~~~~~~~~~~~~~~
🤝 Need Help? 🏆 Download Graphics Guruji Android App for UX UI design:
🔥 bit.ly/graphic...
Lots of free content, free chat support, free LIVE SESSIONS, and much more
~~~~~~~~~~~~~~~~~~~~~~~
Need help? I am available here Telegram group:
t.me/graphicsg...
#figmacomponents #figmatutorial

Пікірлер: 62
@vishalpareek5742
@vishalpareek5742 Ай бұрын
Are yar mzza aa gya, ye videos pahle mene dusre channels me dekhi samjh to aa gya but dimak ki ma Bahn ek krdi 😂😂😂 aapne bohot easy way me explain kr dia , thanks
@pradeepkaushal2409
@pradeepkaushal2409 Ай бұрын
Great tutorial, and the good part is that everything is available in our native language. Thanks sir ji..
@chikkimusic5071
@chikkimusic5071 26 күн бұрын
i love you sir. kitna aasan bana dia apne isko. Thankyou
@vivekbhatt3932
@vivekbhatt3932 21 күн бұрын
Very informative, clear and concise video. To the point. 👍🏻
@vyom-uxui
@vyom-uxui 5 ай бұрын
Figma Mastery Made Easy with Graphics Guruji! Just finished watching Graphics Guruji's fantastic tutorial on "Components and variants in Figma" and let me tell you, I am blown away! This video is a goldmine for anyone wanting to learn Figma, especially for Hindi speakers. Guruji explains everything with such clarity and depth, even complex concepts become crystal clear. His teaching style is truly engaging, making even the most technical aspects feel approachable. Whether you're a complete beginner or looking to boost your Figma skills, this tutorial is a must-watch. Guruji covers everything from the basics of components and variants to creating advanced interactive elements. He even provides a free downloadable practice file to follow along, making the learning process even more effective. A big thank you to Guruji for his endless dedication to making design education accessible for all. This free tutorial is a testament to his passion for helping others succeed in the UX/UI industry. For those who want to delve even deeper, I highly recommend checking out Guruji's other affordable and comprehensive courses. With his expert guidance, you'll be well on your way to becoming a Figma pro! Don't miss out on this incredible learning opportunity! Hit that LIKE button and SUBSCRIBE to 'Graphics Guruji's channel' for more amazing design tutorials. Let's learn together, let's grow together!
@bharatmodiTechFist
@bharatmodiTechFist 4 ай бұрын
amazing well explained , to the point video.
@lakshitatiwari2921
@lakshitatiwari2921 4 ай бұрын
Abhi tak ka best video ❣️
@homeuse-df6rn
@homeuse-df6rn 2 ай бұрын
Thank you So much Sir...We blessed to have your Channel🥺🥺💥💯❤‍🔥🙏
@ckvnx
@ckvnx 3 ай бұрын
Best Figma Tutorial ever! ❤
@prajyotbhoir5748
@prajyotbhoir5748 3 ай бұрын
Great Explanations Sir ❤ I am entering into UI UX and I am having great time understanding everything through your channel. 🙌 Keep making such tutorials.
@alamshaikh4358
@alamshaikh4358 5 ай бұрын
You just save my life Thank you sir. May I request you please make crash course on transition, animation and prototyping in figma🙏🙏🙏
@deepurawat2000
@deepurawat2000 3 ай бұрын
best components tutorial
@sufiyansheikh8410
@sufiyansheikh8410 5 ай бұрын
H sir video bohat Ache are Hai Continue daily upload kijiye Full course continue Kare
@aloksen1321
@aloksen1321 5 ай бұрын
Great video this teaches a lot of new things
@AsifUxUi
@AsifUxUi 2 ай бұрын
Maazey aa gaye! Well explained.
@Osman-v1m
@Osman-v1m 4 ай бұрын
God bless you thanks for sharing such a useful information
@arifahmed3243
@arifahmed3243 4 ай бұрын
It's really good... Tnx sir from Bangladesh
@haniyamer
@haniyamer 2 ай бұрын
Amazing details explanation
@iiamaaftaab
@iiamaaftaab 3 ай бұрын
thanks a lot for this type of detailed video 😇🙏
@dineshgadhiya171
@dineshgadhiya171 26 күн бұрын
amazing video
@mdshakir3797
@mdshakir3797 5 ай бұрын
Awesome video sir
@RohanSarkar-g6j
@RohanSarkar-g6j Ай бұрын
Very helpful video sir
@pradeepkaushal2409
@pradeepkaushal2409 Ай бұрын
please provide some insight about variables, how to create and use them in the design.
@ektaabalaji
@ektaabalaji Ай бұрын
Thank you Guruji ❤
@hellbreaker1566
@hellbreaker1566 2 ай бұрын
Great lesson
@RavalR-zb7zc
@RavalR-zb7zc 5 ай бұрын
Sir i was website designer but for 10 years didn't job.. now i want to restart my career but as UI UX designer.. how to upgrade my self.. for UI UX designer job.. please guide me
@GraphicsGuruji
@GraphicsGuruji 5 ай бұрын
Their are 2 ways for you: 1. Because you are already from this field, you can do self learning. I will post a complete plan of self learning soon on this channel 2. I have premium course on our app graphics guruji. You can start with UX course. For more help WhatsApp support 8003344414
@RavalR-zb7zc
@RavalR-zb7zc 5 ай бұрын
Thank you so, much Sir for your reply. Please make self learning full video. It will be helpful to so, many like me
@arunrode1583
@arunrode1583 4 ай бұрын
you are great plase make video on shadow variable
@neetakumari2872
@neetakumari2872 4 ай бұрын
Video baut best hai and usefull hai but sound kam hai sabhi videos ki plz uspe thoda Work kare
@ojasvishrivastava3999
@ojasvishrivastava3999 2 ай бұрын
From where have you add this sign up with google button?
@boys8977
@boys8977 2 ай бұрын
Now I find the best explanation 🥹
@prasadbansode1516
@prasadbansode1516 5 ай бұрын
Very nice Sir. Thank you
@prashantbangar4652
@prashantbangar4652 5 ай бұрын
very well explained
@dhananjaynaidu5978
@dhananjaynaidu5978 Ай бұрын
Sir, prectical me jo girl wala tha unse girl ka head move hone tak bilkul theek ho raha tha lekin jaise hi iska fir se component banaya fir isme girl ka head bada karke ise file me laya to yah bahot hang foka dik raha tha bahot rook rook ke chal raha tha kya ye system ke power pr nirbhar karta hia ya iske powe me nirbhar karta hai mujhe jankari chaiye hai krupya batane ka kast kare
@HarshVardhanJangid-e8x
@HarshVardhanJangid-e8x 5 ай бұрын
Thank you sir
@Davina-g1b
@Davina-g1b 4 ай бұрын
Sir animation prototype me time ka kese PTA chale ga k itna rakhna chahye?
@SubhradipParshi
@SubhradipParshi 2 ай бұрын
Sir please help me ek choti si jagah may fasa hua hu, kal ek button component create kiya tha maine lekin usko jab mere design may attach kiya prototype show karne k baad wo design to dikh rahi hay lekin wo button component nehi dikh raha ab kaise fix kare?
@rohanshakya3928
@rohanshakya3928 5 ай бұрын
Good one sir 👀👀
@xzotic6148
@xzotic6148 4 ай бұрын
Create more videos on figma.
@actualstudypoint
@actualstudypoint 24 күн бұрын
thanks sir
@saiyadhussain1998
@saiyadhussain1998 5 ай бұрын
😍wow class ♥
@ojasvishrivastava3999
@ojasvishrivastava3999 2 ай бұрын
sir aapne ye label wali screen kaise banayi?
@amiraimtiaz7533
@amiraimtiaz7533 3 ай бұрын
Game changer
@NoorAmirButt
@NoorAmirButt 5 ай бұрын
please update the latest vedios of color font and styles
@yogeshsehgal96
@yogeshsehgal96 2 ай бұрын
26:26 is step mein error aa rha h sir, protoyping krne pr "A Prototype needs to haveat least one frame" sbhi steps follow kiye sir, even video bhi 3 br dekh chuka please help me.
@yogeshsehgal96
@yogeshsehgal96 2 ай бұрын
27:24 or ye Jo left side ka table h ye meine auto layout mein bnaya h
@yogeshsehgal96
@yogeshsehgal96 2 ай бұрын
Hogya Sir, actually meine frame nhi li hui thi bottom layer mein.
@julikumari6078
@julikumari6078 23 күн бұрын
Could anybody help me? I can't change the color of the master component. I did all the things, but I can't fix the issue.
@rahid_03
@rahid_03 5 ай бұрын
sir need a video on how dose (true, False) works on components
@GraphicsGuruji
@GraphicsGuruji 5 ай бұрын
This video has this watch full video
@actualstudypoint
@actualstudypoint 24 күн бұрын
sir ye illustration kha se milega
@AshrafkhanSkills
@AshrafkhanSkills 5 ай бұрын
Hello sir UI UX design interested how kia krw
@Rohanank
@Rohanank 2 ай бұрын
I have iphone how can I join the course
@GraphicsGuruji
@GraphicsGuruji 2 ай бұрын
You can join through pc or laptop: Learn.graphicsguruji.com
@Mehedihasan-mo2ui
@Mehedihasan-mo2ui 3 ай бұрын
Hello! The sound is low.
@khadijaomer-eu4lf
@khadijaomer-eu4lf 5 ай бұрын
sir ak web psge banaya plzz
@ravibaraiyait
@ravibaraiyait 5 ай бұрын
😊😊
@mdshakir3797
@mdshakir3797 5 ай бұрын
😊😊😊😊😊
@nehalsaini1122
@nehalsaini1122 5 ай бұрын
very informative video sir
@Archita_Jaiswal
@Archita_Jaiswal 5 ай бұрын
Superb video sir
@MDNAZMULHASAN-vy8rg
@MDNAZMULHASAN-vy8rg 5 ай бұрын
thanks sir
Сюрприз для Златы на день рождения
00:10
Victoria Portfolio
Рет қаралды 1,8 МЛН
Зу-зу Күлпаш 2. Интернет мошенник
40:13
ASTANATV Movie
Рет қаралды 625 М.
Бенчик, пора купаться! 🛁 #бенчик #арти #симбочка
00:34
Симбочка Пимпочка
Рет қаралды 3 МЛН
Master Figma Variants | The Complete Guide (2024)
22:00
DesignWithArash
Рет қаралды 206 М.
Understanding Figma Components & Variants for Beginners 2023 Guide
12:24
Jonathan Waterworth
Рет қаралды 2,9 М.
Figma Tutorial: Use Figma Variables Like a Pro (+ Practice File)
30:30
DesignWithArash
Рет қаралды 322 М.
Figma components and variants for beginners
12:07
Flux Academy
Рет қаралды 111 М.
What are Figma Variables?
1:00:18
Ansh Mehra
Рет қаралды 51 М.
Master Design Tokens - From Basics to Advanced
44:30
UI Collective
Рет қаралды 26 М.