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.
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
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...
h
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