Figma Components: From Zero to Hero | FREE COURSE

[@hadiaslam7801]

These type of courses are usually paid on the Internet, but Envato and Adi are providing us this type of content for free. Thank you so much

[@envatotuts]

Glad you like them!

[@pitchblacknight]

The Best Tutorial Instruction and Video I've seen to date. I have looked and looked and half understand some people - but your voice, speed, and clean delivery really helped me understand a huge chunk of this program in a very short time. Thank you so much! Keep up the good work!

[@roter13]

I always think that I know how to use something and then this genius of a human shows me more. I wish you could be my mentor.

[@Golrokh.Sajjadi]

This is the best and most comprehensive tutorial I've ever seen. I am grateful to you for each key point, shortcut, and the simple, clear, and organized way of teaching. Despite my moderate English proficiency, I grasped everything well. Thank you

[@andremossman6856]

Thank you for the tutorial! This was great! I appreciate your teaching style as it was so helpful in understanding the material. Great Eastern European accent! I'm part Russian myself and it's great to see positive instructors who help others from Eastern Europe.

[@joelcervantes6919]

Such a wonderful tutorial! Thank you! I absolutely love it, very very well done. Adi is amazing, no other tutorial has touched all the subjects in such way as his. Thank you again.

[@envatotuts]

Hi! We really appreciate your feedback! It’s awesome to hear that the tutorial helped you, and we're thrilled you enjoyed it. Cheers!

[@akandeaisha5119]

it is indeed Zero to Hero, it was insightful. Thank you for sharing

[@deliciouspizza4405]

This is just a life saver. Thank you Adi. This lecture is just so awesome and can't thank you enough for sharing it free.

[@focusonthefocus]

4:16 Be sure to Copy your Component Button, then select the "Open Portfolio" button(in the Portfolio frame), then Right-Click and select "Paste to Replace" from the drop down menu. This part tripped me up when using the provided Figma file- the autolayout caused the pasted component to paste into the Portfolio frame left-justified, if you paste it normally.

[@khrystynavakula8912]

great course! simply put, very easy to understand! thanks guys!

[@samhiggins512]

Super helpful, thanks. I strongly recommend to anyone wanting to learn this to download the file and work along with the video.

[@AditiYadav-ws6ct]

You've got some incredible teaching skills! This is a fantastic compilation of all the essential technical points. Many thanks for sharing your expertise

[@yugantsonawale]

The course was very good especially the narration,Content and Speed.

[@OrlandoDelgadilloLuna]

What an incredible instructor you are.

[@csudesh]

This is an excellent tutorial! Thank you Envato Tuts+ & Adi. ❤

[@wazidali1702]

Way you teach is very nice with explanation and slow rhythm...Please create more videos on figma...

[@albrightanozie5822]

Such a great explanation on the Figma component! I love the way you started from zero and also emphasis on the need for it

[@envatotuts]

Glad you enjoyed it!

[@elle381]

​@@envatotuts 1

[@HanyAlashram]

Thank you for providing us with so much useful information for free

[@AquentRon]

Adi, you are such an excellent trainer! You explain things so clearly and give such easy-to-follow examples - I really can't thank you enough!

[@nuriddinnajmiddinov3375]

I found these courses like a week ago and I want to thank you from bottom of my heart! You're a great explainer. Thanks! I'd really love if you can make a video about variables.

[@gloriaglee4376]

This is an excellent tutorial! Saw many others but prolly can't beat this one! 👍 👍

[@madarauchiha5433]

I have been avoiding Components since I started usng Figma, mainly because create Brochue Websites but this is so handy, thanks for the Tut

[@bhagirothee]

Excellent way of explanation. Thanks a lot for such an useful tutorial.

[@truthisalight]

Just finished another great lesson! Thank you Envato Tuts+ & Adi Purdila

[@SunillBohara]

Best video to understand Figma components. Thank u

[@eusiahcruz9340]

Best tutorial i've found. Thank you so muuuch

[@malihaparveen2224]

Thank you for such an amazing tutorial, Adi. I learned a lot and can now implement these instructions into my designs. You have been really helpful.

[@envatotuts]

We are glad it was helpful.

[@nwachukwuekene95]

Your explanation was excellent; I comprehended everything thoroughly... ❤❤ Thank you 🎉

[@ArminmoTV]

32:44 not working for me its goes near the icon not replace it

[@k16e]

Thank you very much, Envato Tuts, this course has been super helpful for me. Much kudos for the great delivery by the instructor.

[@envatotuts]

You're very welcome!

[@HustleandNFTS]

he broke it all the way down, slowly and paced

[@AliAli-j2l9d]

great video, thanks for making it free

[@ВалентинаМацевич]

Thank you so much for an amazing tutorial, Adi)

[@Shana-pi7id]

it is a most easy and simple video to learn all about component I have come across. It is very helpful for beginner. thank you🤗

[@envatotuts]

You are welcome!

[@ReggieMontinola]

this is amazing information... I am learning a lot on how to use figma

[@envatotuts]

Glad it was helpful!

[@NelsonBeck-qe8ku]

Quick Question: If I make change to the "Text" in an Instance (for eg. a Button) that does not make any changes/cascade over to the "Text" on the Main Component, however if I make change to the "Text" on the Main Component, will it erase the change I initially made to "Text" on my Instance? Thanks Adi and Envato for compiling this great course !!! EDIT: THE VIDEO ANSWERED MY QUESTION - Thanks

[@mr.s.ws.w2363]

i love the way you explan things very clear and i wish i knew your yutube chanel since last year😊

[@envatotuts]

Thanks and welcome

[@Idhamou5]

I enjoy this video your explanation is so good thanks a lot 🎉😊

[@kashifusman123]

Thank you for the best teaching

[@blablabla4667]

Amazing video, I hope I can go further with Figma in the future

[@Aishcream]

Fantastic video! Thank you so much for this!!!

[@envatotuts]

You are so welcome!

[@bhargavkarthik6112]

very good video bro. Keep the good work going

[@envatotuts]

Thanks, you too!

[@Nick-rp1hp]

Such a legend. Thank you!

[@akacemkhadidja3557]

Adi, we want a figma variable course 😊😊😊

[@IanYatesy]

Here you go! kzbin.info/www/bejne/rZDVioBmfq6Bd9k

[@mhthodol]

🥰🥰🥰Good Explanations, the way you teacher us is awesome!!!

[@envatotuts]

Thank you! 😃

[@raoufbenhalima202]

Thank you so much for this amazing tutorial, i learned a lot from you man , keep going 💜

[@envatotuts]

Happy to hear that!

[@priceandproduct]

Incredible class for beginners like me

[@bahartahani2032]

Hey ADi, Great Job. Well explained in detail, step by step; so far, the best Figma tutor on KZbin. Our job as learners is to listen and look at the video very carefully; there are a lot of small details. Highly Recommended. must watch and practice simultaneously and multiple times

[@mdbicky9460]

thanks for this beautiful course I love this course

[@zishanahmad5572]

Very well explained. there is a lil confusion when you gatter the icons from any plugin, do you rename them initially as the first given name in layers before making them components or play around with them?

[@akhenatontubba9950]

Teşekkürler mükemmel bir anlatım ve ders🎉

[@toanbui1691]

thank you so much, this video so very useful for me.

[@envatotuts]

Glad it was helpful!

[@rorschachsurya7834]

Thanks for the video... A very detailed explanation

[@envatotuts]

Glad it was helpful!

[@tryingcodebang]

tnx sir ... i am from bangladesh and i like your video

[@envatotuts]

You are most welcome

[@affashbasha]

thank you for the amazing tutorial

[@envatotuts]

You're very welcome!

[@ITC2011AND12]

Amazing class, thanks!

[@envatotuts]

You're very welcome!

[@arbaazkhan4887]

Thank you Adi!

[@rabarhusen01]

I didn't know how to start learning components in figma, but finally I found it. Thanks for each single second. ❤

[@alexking9826]

I noticed that, in both the video (at 18:18) and on my own Figma app while following along, when the component (pink button with email address) is duplicated, the newly created instance has a different typeface. I tried changing the said component back to a frame with auto-layout and duplicating and in that case the typeface stayed the same. So what's up with that?

[@alecmartin29]

Thank you so much! This video was so much info and learned a lot.

[@envatotuts]

Glad it was helpful!

[@muhammadshoaib6421]

Great learning experience. Thanks a lot.

[@twijjukyeanan]

This was fantastic, I highly recommend it😁

[@envatotuts]

Great to hear!

[@mikejohnson7210]

Fantastic explanations.

[@envatotuts]

Glad you think so!

[@kashifusman5953]

excellent teaching as always

[@envatotuts]

Glad you think so!

[@updates4043]

I'm able to remove elements in an instance without affecting the main component. But in this video it was told we cannot do the same. Did I miss something / am I doing something wrong? EDIT - Like you mentioned in this video, its not getting deleted. Its getting hidden.

[@PremKumar-it1ki]

Very useful course thanks

[@envatotuts]

Glad it was helpful!

[@syedmajid3202]

Thanks for video!👍

[@envatotuts]

You're very welcome

[@Zii73]

I learned a lot thanks so much

[@envatotuts]

You are very welcome

[@journpoder1407]

I really learn from you. Zero to something

[@smilli6415]

Whats the use of export settings like 1 x and 2x etc? when are they useful ? thanks

[@ahiamatagabriel5696]

please someone help me with the figma file for the tutorials so I can follow. i am unable to get them with the links provided.

[@smilli6415]

USED TO LOVE FIGMA , SINCE XD BOUGHT FIGMA , ITS GOING TO MAKE IT COMPICATED AND MESS LIKE XD ..

[@AnyanwuMagnus-o1w]

how can I download the video for more practice

[@twilaarmy]

How to use that downloaded source file in figma i am not being able to import it to figma

[@vahidkari145]

amazing tutorial👌

[@envatotuts]

Thank you! Cheers!

[@eljana123]

You’re amazing

[@smilli6415]

PLEASE DO A COURSE ON NEW VARIENTS AND MAKING A DESIGN SYSTEM

[@IanYatesy]

Adi’s Figma Variables course, as you wish! kzbin.info/www/bejne/rZDVioBmfq6Bd9k 🪄

[@khadijamaqbool753]

sir why my alignment options shows as deactive mode in most of the cases?

[@ahmednessim4429]

would you please give me the proper laptop specifications for design ?

[@NhanNguyen-yu3gs]

thank you so much for your awnsome videos!

[@envatotuts]

Glad you like them!

[@teleportkontrola2006]

Perfect, thanks!

[@envatotuts]

You're welcome!

[@rinros2923]

Thanks 👍

[@srutiagnihotri9532]

Thanks a lot. Can you please teach us how to make slides using figma or add logos? Please 🙏 it would be really helpful for university students like us

[@pankhudilanjewar4150]

Thank you

[@intervention_w_myself]

Brilliant

[@chinedukalu9589]

Waiting.....

[@bolutife8779]

God bless you

[@toaninh5175]

wow!

[@jeremylangdon9464]

your gain is just a little bit too high on the mic

[@barokfikadu718]

PLEACE ENVATO MAKE 3D MODELING COURCE

[@wahabkhokhar8826]

Oh iam too late 💔💔

[@wisdomwave-u2g]

Adi, you are such an excellent trainer! You explain things so clearly and give such easy-to-follow examples - I really can't thank you enough!

[@pensivepainter]

thanks for this! learnt a lot

[@envatotuts]

Glad it was helpful!

[@asadurrahmansifat]

Thanks ❤

[@blendibalaj1396]

Thank you