The RIGHT Way to Use Figma Component Properties (card design tutorial incl figma file)

[@katscandance]

Been struggling to learn all these for the past 4 MONTHS!!! Watched dozens of videos and still couldn’t fully grasp it. Maybe I’m just slow, but your video helped me FULLY understand how to use these features in one night 🎉😅

[@katscandance]

Plus made me realize how easy and simple they are 💀

[@WiredtoDesign]

Oh wow that’s amazing!! Thank you so much for the feedback, I’m so happy it helped you 😄

[@davidawokoya]

I feel the same way. This video will be my saving grace for big projects

[@davidawokoya]

Yo!!!! Anik you such a great teacher. Never seen anyone explain these Figma features as simply as you did. Been struggling to understand these for ages now. Nested components and instance swap is the biggest take away for me. Looking forward to your video on variables. Not able to grasp variables properly to create a clickable dynamic app on Figma without doing it on webflow or Wordpress.

[@Joooooooooolz]

Great vid. I've watched many vids trying to wrap my head around this while still trying to keep up with my day-to-day work. Your pace and examples were perfectly executed. Thank you 🙌🏻

[@WiredtoDesign]

Ahh Julian, this means a lot to me. Thank you so much!

[@satyambarnwal5255]

Thanks a lot Anik!! Love this content ❤❤ This is my 7th video on component props and believe me , No one has explained about it as you✨

[@WiredtoDesign]

Oh wow, thank YOU so much for the support 🙏🏽❤️

[@bartoszpietrzak1591]

I have no idea why you keep getting so little views. Great content, as always. Thank you!

[@WiredtoDesign]

Appreciate you Bartosz! 🙏🏾

[@MelindaMatturro]

THANK YOU for breaking this down so simply! These features have overwhelmed me for a while that I just can’t get a hang of it (a former sketch user) although I know it would make future processes faster after learning 😅 appreciate the practice file! Love your content!

[@WiredtoDesign]

Ahhh thank you so much for the support! Happy it helps 😄🙏🏾

[@bri7734]

thank you so much for these tutorials! i've been having the hardest time understanding auto layout & components you break it down in such a clear way that i finally understand how to add it into my workflow. i subscribed so fast lol.

[@WiredtoDesign]

Thank you so much!!

[@enzoespiritu1193]

This is the best free software Ive seen. Respect.

[@WiredtoDesign]

Glad you like it! Thank you!

[@prakharseth4660]

Thanks for clearing this Topic.

[@bagchi_sagnik]

Please keep your videos coming, hopefully you'll grow into a huge channel soon!

[@WiredtoDesign]

Thank you so much for the support Sagnik! More on the way soon 🙏🏾

[@kart9460]

Great tutorial! Love your teaching style!

[@WiredtoDesign]

Thank you so much! 🙏🏾

[@ekaterinadergam4596]

Thank you so much again!It could be so so nice and interesting to see from you designing maybe app or web page ,step by step, explaining how to make it as a good knowledgeable designer, because all content creators they don't explained good as you do!

[@WiredtoDesign]

Thank you!! I would highly recommend you to check out this playlist as I walk through my step-by-step process taking on a fictional project: kzbin.info/aero/PLrObhOc81hA80uLz2MGYIW0MkgZB6elhf

[@simonlarragy9376]

Great stuff, very clear

[@soyrovot5298]

thank you a lot for this videos, keep motivated pls!

[@WiredtoDesign]

Ahh, thank you!!

[@sazzadmahi1376]

Hey! Thanks so much for this video!

[@miraclesux8960]

amazing bro!

[@RizDesignz]

This is great information, thanks

[@MrJayfox75]

Superb!

[@einzelstein5291]

What if you want to change the padding of the first component? Does this apply to all other copies?

[@АллаРомашкова-ш1м]

Hi Thank you for your cool videos. Love it 😍😍

[@WiredtoDesign]

So happy you enjoy them, thank you!

[@j4fl929]

🔥🔥🔥🔥

[@fredenbror]

How is it possible to keep rounded corners in the card that doesnt get affected by show/hide img?

[@WiredtoDesign]

Make sure to add rounded corners on the outer (parent) frame, and check “Clip content” to ensure that the image layer placed within is bounded by the outer frame and is “clipped” by the rounded corners.

[@fredenbror]

@@WiredtoDesign Ah nice! Thank you :)

[@angelacalvin5790]

I am following step by step, but when you get to the new beta section for nested compenents, I don't get the panel for exposed properties from nested instancces. Ugh frustrating.I tried to go back and see why it does not show. But can't figure it out. **Update to my comment. I happened to go on another video and in the comments someone happened to say that you had to turn on the beta setting in accounts! wth!??? how would someone even know that!? ugh. So crisis averted geez.

[@WiredtoDesign]

Ahh so sorry for the confusion! I should've clarified HOW to activate the beta features and not only talk about them. I am glad you figured out at last how to have them activated.

[@angelacalvin5790]

@@WiredtoDesign It's all good! :)

[@jamie8367]

@@angelacalvin5790 i just googled "exposed properties" and found a figma article showing how to turn beta settings on

[@novenastudio7052]

link doesnt work for me. how to fix it?

[@WiredtoDesign]

Sorry to hear! What does it say when you click on it?

[@WiredtoDesign]

Did you click on this one: www.figma.com/community/file/1163126697404042492

[@DimTragic]

BRO how are youre talking in x0.5 ?!

[@WiredtoDesign]

🤣🤭

[@Goofykumar676]

ah thank you now I know how to create this shitty boolean thing lmao

[@WiredtoDesign]

😂

[@roter13]

So handsome.

[@WiredtoDesign]

Thank you!