Joey Banks creates a button component using both Variant Properties and Component Properties.
Creating a button component set in @figma, using both Variant Properties and Component Properties 🤓: pic.twitter.com/RhoB8WpXrH
— Joey Banks (@joeyabanks) May 19, 2022
Joey Banks shares the features announced at Config 2022 that he is most looking forward to using and implementing in his work. Check out his post for a more in-depth take on Component Properties and advanced settings of Auto Layout.
Joey Banks published a community file with a few Auto Layout resume templates to remix, use, customize, and call your own.
Joey Banks shares how he typically names Variants in Figma and the approach he tries to take whenever he is feeling stuck.
Joey Banks talks about his approach to organizing and naming in Figma.
Joey Banks shared a change in his approach to base components earlier this month on Twitter, and now goes into more details in his newsletter. I often end up with too much complexity because of over-reliance on base components, so this is a piece of welcome advice.
In his new newsletter, Joey Banks answers one of the popular questions — what’s the difference between groups and frames in Figma, and when should you use one over the other?
Joey Banks created a thumbnail template for files in Figma. “Easily add teammates’ avatars, custom fields and statuses, and instance swap between templates or themes.”
Joey Banks with a tip on indicating component or layer status through naming.
If you're creating components in Figma for others to use, adding emoji to component & layer names can really make a big difference!
— Joey Banks (@joeyabanks) November 18, 2021
✏️ = edit expected (helpful for labels)
🔄 = can instance swap (helpful for icons)
🚫 = component no longer supported
✨ = interactive component
Joey Banks creates a simple todo list using Interactive Components, start to finish in 1 minute.
Designing with Interactive Components in @figmadesign, from start to finish 🔁: pic.twitter.com/4NuWZl3ES8
— Joey Banks (@joeyabanks) November 3, 2021
New UI Kit from Joey Banks for the latest version of macOS. Like all other kits by Joey, this one is spectacular and incredibly well done.
Joey Banks with an excellent suggestion on how to bring designers and engineers closer.
When it comes to working on design systems, one thing I've learned is how much of a positive difference it can make to match variant properties & names in Figma with what's reflected in code. Any opportunity to bring designers & engineers closer always feels like such a big win. pic.twitter.com/BPsr9zG1Nf
— Joey Banks (@joeyabanks) October 1, 2021
Using Interactive Components & Variants in @figmadesign to create a quick segmented control. ↔️✨ pic.twitter.com/VEfAxc9PG7
— Joey Banks (@joeyabanks) March 15, 2021
The rough amount of screens it took to create this prototype *before* Interactive Components in @figmadesign versus the *single screen* it takes now... 🔥 pic.twitter.com/iMToTNlgHW
— Joey Banks (@joeyabanks) March 2, 2021