Honestly have been trying to understand components and variants for a while now I have never come across a tutorial that was so detailed as this. Thanks Tim.
@orliisrael9815 Жыл бұрын
Great great great! The fact that you speak slowly enough give us enough time to understand the information. That's very pedagogic and professional. Thank you!
@divinacalcana4308 Жыл бұрын
This is more understandable. I have seen so much youtube explaination about auto layout, components and variants and THIS VIDEO MADE ME UNDERSTAND EVERYTHING EASILY! thank you for this tutorial. You help a lot. Thank you so much TIM
@gloriafolaranmi1055 Жыл бұрын
Thank you so much... On normal days, I don't add comments on KZfaq videos but I'll this time. It's quite disgracing that an experienced designer doesn't know how to use variants...I've always had to change them one by one. And to think I have watched a lot of KZfaq tutorials and I still won't get it. But you gave a very detailed explanation, and I followed them one by one. Thank you for this really 🙏🙏
@lisa_jocktan2 ай бұрын
Finally, i have understood components and property. Great tutorial 👍
@FluxAcademy2 ай бұрын
Glad it helped!
@user-dc4pm4hn1s Жыл бұрын
I was searching for soo long for a video that really easily explains about components and this one is literally GOLD! thank you!
@davidostrowski679 Жыл бұрын
exactly what I needed too! I was ok with components but confused by variants and all the additional functions. Fine now though!
@MercyB3ats7 ай бұрын
The editing on this is just a chefs kiss
@davidostrowski679 Жыл бұрын
i had to watch the second half a few times while doing it myself on Figma. I got it eventually. HOORAH. I finished the Google UX course last week so I'm making my way through my self-devised UI learning plan. Great videos!
@thearyameri11 ай бұрын
This was super helpful and easy to understand. Great speaking pace.
@alfiartya23 Жыл бұрын
Thank you so much for your explanation about this Components! very clear instruction with your slow pace
@richiechan7119 Жыл бұрын
one of the best videos that explains components, variants and component properties. very clear showing and explaining of the steps to create them. thank you.
@_jb5261 Жыл бұрын
Tim is such a good teacher man❤ Great refresher on components and variants.
@user-rb6bf8lc7o4 ай бұрын
it was really a quick and easy-to-follow tutorial which made everything seem easy. I had some difficulties understanding how things work around varients but now I know. unfortunately, I wanted to see different approaches to creating varients like adding properties by changing their name in the layers panel and some more but overall it was really a great video; thank you
@hxxzxtf3 ай бұрын
🎯 Key Takeaways for quick navigation: 00:00 *🔄 Duplicating and modifying designs repeatedly wastes time, which components in Figma help avoid.* 00:25 *📖 Components are templates for reusable design elements like buttons, icons, etc.* 00:52 *🖼️ Components are managed in the Assets panel and can be dragged onto the canvas.* 01:47 *🌓 Variants allow a single component to have multiple states (e.g. default, hover).* 02:54 *⚙️ Component properties minimize the need for variants by allowing dynamic changes.* 04:16 *✍️ Demonstrates creating a button component with default and hover variants.* 06:17 *📝 Shows adding a text property to dynamically change button text.* 07:21 *👁️ Adds a boolean property to show/hide the button text.* 08:56 *🖼️ Adds a boolean property to show/hide an icon in the button.* 09:49 *🔃 Demonstrates using an instance swap property to change the button icon.* Made with HARPA AI
@kma1278 Жыл бұрын
honestly I now know what components and variants are. The best tutorial ever. Thank you
@SuperBanenna Жыл бұрын
Thank you for this video, simple and clear. I`ve learning Figma by you tutorials and it is supper convenient
@omkarpulekar9712 ай бұрын
Thanks bro that was very helpful and detailed being short and sweet
@BVDR_T6 ай бұрын
Very professional tutorial, I have never come across a tutorial that was so detailed as this. Thank you 😍
@FluxAcademy6 ай бұрын
You are so welcome!
@mrdark6014 ай бұрын
There is something about the way he speaks, it is so understandable, thanks for slowing down for us
@munkkipoika87373 ай бұрын
Thanks, helped me to do my work.
@ExecutionSommaire Жыл бұрын
A big thank you. Couldn't find anything that was beginner friendly until this.
@codesnippet_by_anabel Жыл бұрын
I truly appreciate your effort, it's a really concise and useful video that has helped me a lot. Thank you!
@Rinacks Жыл бұрын
This has been the most helpful video I watched regarding variants and component properties. Thanks for the video
@chiamakaukandu10717 ай бұрын
This has been the best and well detailed video I’ve watched ever!!!
@serenartix Жыл бұрын
That was very helpful, thank you Captain America!
@jratkinson329411 ай бұрын
you are welcome spoider man
@ludwigrxАй бұрын
Thank you for the knowledge Senpai.
@den_vortezio Жыл бұрын
Thank you for the tutorial. It is the only one that made me understand components and properties.
@charumurugesan17164 ай бұрын
honestly the best video to learn about component properties .
@RSTypeContent Жыл бұрын
i hate that i have to watch this
@ishitapanchasara66009 ай бұрын
Amazingly explained components and variants. Thank you so much for this tutorial. You have explained it really well.
@sumansourabh4849 Жыл бұрын
Finally, I understod the Component. Such a great explanation.
@dbroh Жыл бұрын
This actually helped me understand simply
@DanzarinaSibel Жыл бұрын
Such a good explaination, you are the answer I was waiting for. Please make videos about EVERYTHING.
@shafiqdesigns5 ай бұрын
Excellent tut man
@pratitikatakol95873 ай бұрын
this was extremely helpful, thank you 😭
@FluxAcademy3 ай бұрын
Glad it was helpful!
@hsoonabt93886 ай бұрын
thank you.. i found this video very helpful.. the easiest way to understand 😊
@khushboosharma68442 ай бұрын
this was really helpful , thank you so much.
@FluxAcademy2 ай бұрын
Glad it was helpful!
@o0shikaru0o Жыл бұрын
thank you, this is a lot clearer than the tutorials figma put out
@daviddr2d211 ай бұрын
Dude, you explained it good. Thank you.
@AnmolRamgiri4 ай бұрын
Frankly speaking, after going through the official Figma videos, your video was much easier to learn from.
@FluxAcademy4 ай бұрын
Wow, thanks!
@brosnhoem79773 ай бұрын
thank you brother for sharing useful video. 🙏
@humhaispecial74783 ай бұрын
best tutorial. bless you
@shumailabrohi33008 ай бұрын
When I click on the icon in the component button I don't get the change icon option why? Can anybody help?
@dollarproduction249 ай бұрын
Had experienced intense creativity/tactics while watching this guy's full tutorial 😀
@didarul8915 ай бұрын
Thank you for your valuable video.
@nilosantiago12805 күн бұрын
In your video (1:33) how did you add the curved arrow beside the Icon and Text property? so they only show when you select the property above.
@Panda-gu2yb2 ай бұрын
Perfect Tutorial thank you
@FluxAcademy2 ай бұрын
Glad it was helpful!
@rayrayimpact8 ай бұрын
Great Tutorial, thank you!
@simonacellar8166 Жыл бұрын
This is great! Just what I needed, thanks so much, Tim.
@petermckinnon386 Жыл бұрын
Absolutely fantastic. Great tutorial.
@tori20406 ай бұрын
everything worked up until the section of swap icons. for some reason only the icon that is placed in the two button variants will show up. I checked to make sure that the other icons were made components, and they are. all icon components will show up in the assets panel on left side but will not show up to swap when clicking on icon layer does anyone know why? thanks
@paularosler949 Жыл бұрын
Thank you very much! Sooo helpful and on point!
@bogdandjordjevic99478 ай бұрын
Super helpful! Thanks!
@MadeByJoey Жыл бұрын
Thank you this was really helpful!
@AbdurRehmanuxui Жыл бұрын
Thank you for this tutorial.
@emeraldezy2 ай бұрын
Nice video. Can this component property be used on multiple elements on a Product card for instance?
@treyy7366 Жыл бұрын
Awesome video!! Very helpful!
@Kj-gr9fv2 ай бұрын
Anyone know how I could utilize the icon variant property to connect with the Material Symbols plugin? Maybe I have to save them like in the video as individual icons but it would be great if I could swap the icon via the plugin menu and search the full Material library. Thanks for any advice!
@alessandraserinelli5911 Жыл бұрын
Very interesting! I'd suggest to display the short-cut for the ones who don't know :-)
@laurentjoly77599 ай бұрын
Thank you very much !
@swagatapathak Жыл бұрын
I am not able to see " content" under text to create properties. Any suggestions?
@tusharsadaf515 Жыл бұрын
so much helpful thank you man
@Ajadi_kun_22 күн бұрын
Thanks
@happyshadowwishes7 күн бұрын
this is too good thank u very much😭😭😭😭😭😭😭😭❤❤❤❤❤❤
@FluxAcademy7 күн бұрын
You're welcome!
@mingsirakowit3316 Жыл бұрын
Thank you
@iamdciax2 Жыл бұрын
Thanks so much for this
@SisiBisi-zh1cjАй бұрын
Thank you so much
@unaizashaikh2291 Жыл бұрын
Hi I am not able to understand what he said Obesity 50% for variant 2 , can anyone tell me what this option is about ?? And where is this option?
@SonySteals Жыл бұрын
Wow! With this sort of tutorials I might be able to finally learn figma lol
@thisissahaj Жыл бұрын
Hello, I'm not getting the 'content' option on 6:24 please help me
@samararodasarq2650 Жыл бұрын
This tutorial is DOPE!
@Joybond8811 ай бұрын
So helpful thanks ❤
@animehubking1537 Жыл бұрын
Thank you very much
@pramodb392811 ай бұрын
9:57 I can't find that option after selecting the icons
@thasnitp3559Ай бұрын
great class
@user-tk3co7pb5v Жыл бұрын
Simple and awsome
@henkegiaretta Жыл бұрын
Awesome as always 🙌
@madgo505010 ай бұрын
thank you so much
@titanexag99829 ай бұрын
link figma course is broken sir
@videoturner5437 Жыл бұрын
Wow impressive, you explained it better than figma tutorials!!!! wow
@CallMeNighthawk_ Жыл бұрын
Super useful! Thanks
@benmukanirwa6 ай бұрын
Thanks!
@user-es3vq7ye9i Жыл бұрын
Can someone explain what's the use of the text-changing thingy? I don't understand how it's different from just changing the text in the cta manually, what difference does it make?
@developer93526 ай бұрын
Good video!
@jessvexАй бұрын
What’s a “buddon”?
@squishyak Жыл бұрын
Thanks for this! For the last toggle (variants) do the icons all have to be individual components, or can they be variants within a single icon component?
@hellomovies1456 Жыл бұрын
thanku sir
@arghavan8552 Жыл бұрын
thank you for this video, it made the process so clear for me but i steal have problem with "creating instance swap property" this option doesn't show for me. i tried to make componant for icons but other problem appeares, I'd appreciate if you help me 🌹
@ozcankursun39235 ай бұрын
That is the what I looking for❤
@johndaniel213439 ай бұрын
When your icône have different mesures it doesn't work it stretch in any different ways
@LauraAdamsRodriguez Жыл бұрын
THANK YOU!
@it.ux.designer614 Жыл бұрын
Must the icon be a component?
@pikachu-ql3vk Жыл бұрын
how do u got that same icon in the hovered state 8:30
@vishalrahman6128 Жыл бұрын
I am not getting that icon instance swap property thing under the Parent component property section that your cursor is hovering on at 9:51. I followed the tutorial step by step I am not sure what I am missing.
@pikachu-ql3vk Жыл бұрын
bro do u know how did he got the same icon in the hovered state 8:30
@ujjalbroo Жыл бұрын
Thanks a looooot 🎉
@artianrika83296 ай бұрын
thabks techer
@dennisjoshi7837 Жыл бұрын
helpful content
@FunMind02 ай бұрын
BRAVO👏
@danhle0606 Жыл бұрын
Useful
@TenderloinsToughest Жыл бұрын
The way you pronounce Button is kinda funny. Thanks for these tutorials. Life Saver.