7 resources for component properties

•

Want to learn more about component properties? Here are 7 resources to take you from beginner to veteran 👇

I've done my best to order these resources from beginner -> advanced So feel free to jump in at the level that makes sense for you 💪 Ok here we go...

1) Complete guide to component properties This is a great foundational article to help you get started with the feature uxplanet.org/figma-component-properties-548728f25392

2) Official Figma tutorial Next up is a bit of video action. This is Figma's official tutorial to help you nail down the basics. youtube.com/watch?v=iIq8FLt1hUY

3) @joeyabanks 's Overview Now you're ready to get a bit more into the strategies we can use for component properties joeyabanks.substack.com/p/baseline-8-component-properties-in?r=8de6c&s=r&utm_campaign=post&utm_medium=email

4) @negativespaceca 's walkthrough video Tom begins with the basics, but towards the end of the video he gets into some really nifty details like strategically withholding boolean properties youtube.com/watch?v=Pao4BiG4MEg

5) Best practices for component properties This is a breakdown of some of the ideas in the "Strategies for component properties" lesson in @figmaacademy It will also show examples of how NOT to use the feature... twitter.com/Ridderingand/status/1544712832683425792

6) @killnicole 's case study Now we're really getting into the intricate details of the feature set. Vic works on the Microsoft design system and demonstrates a ton of awesome tactics. One of my favorites is the idea of "progressive disclosure". figma.com/community/file/1113141767963760931

7) "Strategies for Component Properties" [Preview] This is a ~7 min preview of the official lesson from @figmaacademy It will go deep into strategies for creating an excellent consumption experience for other designers on your team + other details... youtube.com/watch?v=eaQbI0fLyGA

Also let me know if I missed anything! I'll share any new resources in the next edition of "Design Tactics" 👀 getrevue.co/profile/ridd

✨ Bonus: If you use "Slot" components then component properties are a HUGE improvement. This thread talks about how it works and also goes into how I'm creating large systems of "content components" in Figma now 👇 twitter.com/Ridderingand/status/1527393687960842253?s=20&t=Zuct73dG6pzcn3ODp10ulw