Ridd shows how to use “slots”, placeholder components that are part of larger organisms or templates. They are intentionally empty so that they can be replaced with a local component.
"Slot" components are one of the best ways to save time as a product designer
— Ridd 🏛 (@Ridderingand) September 7, 2021
They can be tricky at first, but once you wrap your head around the right way to use them...
They become one of the most powerful tactics in @figmadesign👇 pic.twitter.com/wdIvmr196H
Miguel Cardona shares four principles for facilitating collaborative design in the classroom from professor Christie Shin at The Fashion Institute of Technology.
Quick tips from Ana Boyer on how to use a Figma community file with the Batch Styler and Similayer plugins to quickly build a custom design system.
Ridd shares a detailed guide to building a customizable and flexible form component.
I’ll never build a form in @figmadesign the same way again…
— Ridd 🏛 (@Ridderingand) August 26, 2021
⁰⁰It took me countless tries, but I think I’ve finally created a system that is flexible and doesn't result in variant overload 💪
Here's a 5 step walkthrough 👇 pic.twitter.com/Zl5C8odCmI
Interesting discussion about exporting assets with a Display P3 color space from Figma. I wasn’t familiar with Export PNG with Color Profile plugin (see below) or an option of assigning an ICC profile to the exported PDF.
I’d try this:
— Rasmus Andersson (@rsms) September 3, 2021
1. Setup your macOS to use P3 (display)
2. Setup Figma (desktop app, main menu) to use “unmanaged” color (= display space)
3. Assign P3 ICC profile to output PDF
Vijay Verma (who you may remember by fantastic illustrations made in Figma) writes about building and scaling Sushi, Zomato’s in-house design system. While this post is not about Figma, I like how he broke down the process of building a design system into specific steps: auditing the UI inventory, formulating the foundation, creating component libraries, governing the system, building support for all platforms, and mapping workflows and onboarding.
People now can be @mentioned in Community comments. FigJam is improved on an iPad (hey, maybe Figma is next?). Style picker lets you select what libraries are enabled. And a few more improvements for admins of Organizations and Teams.
Miggi shows how to use audio and cursor chat in Figma and FigJam. Audio is only available on paid and education plans. Cursor chat is available both in Figma and FigJam, while high-fives are only part of the FigJam for now.
Preview your responsive designs inside Figma. Check out a new video by Figma:55 on how to use it.
Gleb Sabirzyanov released a major update to his popular plugin for working with components.
Ready for a behind-the-scenes look at one of my favorite systems I've ever built in @figmadesign ?
— Ridd 🏛 (@Ridderingand) August 8, 2021
Of course you are (it'll be fun) 👇 pic.twitter.com/iiRmDdcc5q
Ready for a @figmadesign pro tip?
— Ridd 🏛 (@Ridderingand) August 15, 2021
Use an `IconWrapper` to nest icons in your components.
That way you can always resize your icons without having to detach components, hide layers, or add additional variants.
Here's how it works 👇 pic.twitter.com/rZDEoihWgs
I’m creating a resource for y’all on stuff I wish I knew in Figma when I started. Can you throw me your favorites?
— ˗ˏˋrogieˎˊ (@rogie) August 4, 2021
Figma just rolled out a feature that allows you to turn off showing a shadow behind transparent areas. I'm ridiculously stoked about this because of what it means for turning designs into code.
— ˗ˏˋrogieˎˊ (@rogie) July 22, 2021
Left: HTML shadows
Right: Figma shadows
🧶 A thread this little/big feature... pic.twitter.com/AgvnWL8UAa