“Figma’s Designer Advocate Luis Ouriach has been collecting your questions in chat and online. He’ll dig in with our speakers to tackle design systems questions big and small.”
Jan Toman, Productboard. “Not sure where to start? Get your libraries off the ground by learning how to craft UI kits that designers will love using. We’ll dive into building flexible components, aligning their API with code, and dealing with changes as the design system evolves.”
Sho Kuwamoto, Director of Product at Figma. “Join Sho as he kicks off our inaugural Schema conference with opening remarks. Tune in for his reflections on how design systems have grown and changed and how us system designers can help shape a better, more inclusive future.”
Branching is now available to teams on the Organization plan. It was announced in April at Config 2021, but according to Rasmus Andersson, it’s been in the making for 5 years. The lack of branches was the main issue when my team switched from Sketch and Abstract to Figma in 2018, so I hope it will become available on the Professional plan one day.
Figma’s Director of Product Sho Kuwamoto shares some of the challenges of building branching.
I couldn't be more excited about a feature release than this one.
— Sho Kuwamoto (@skuwamoto) October 12, 2021
Combining branching with realtime multiplayer was a huge technical and UX challenge, and the team has been relentless in their pursuit of a seamless solution.
1/n https://t.co/DH0HEq74Nr
Ana Boyer on the best practices and strategies for collaborating in FigJam throughout the entire design process — from your first brainstorm to the final review.
Boolean groups + vector networks + rounded corners = magic! Don’t miss Miguel’s original thread, and check out where they brought it in the end 🤯
Playing with @figmadesign with @Miggi https://t.co/dOW7sOb4w1 pic.twitter.com/P9xtQQxg1x
— ˗ˏˋrawr-gieˎˊ (@rogie) September 20, 2021
Miguel with a tip on setting up a lightweight baseline grid with Layout Grid.
If you want to make a baseline grid in @figmadesign, set the row count to auto and the type to top, you can also set the gutter to zero, or match your baseline value.
— Miggs in Space (@miggi) September 23, 2021
The 'auto' count will grow the rows to fit your frame. pic.twitter.com/5UwBBtg3eb
Ridd shares great tips on how to make your designs more developer-friendly.
10 keys to nailing responsive design in @figmadesign
— Ridd 🏛 (@Ridderingand) September 25, 2021
Aka: How to become your engineering team's favorite designer 👇 pic.twitter.com/VLJwlEhI9j
Miguel is demonstrating the new copy and paste capabilities.
Cool plugin by Tom Quinonero for creating gradients through color spaces like LCH and ZYX with non-linear curves. There are so many cool use cases for color spaces like LCH — it’s a real pity that they’re not a standard part of Figma.
Luis talks to Santosh Komaragiri from Dataguard, who showed how they manage their Figma workspace. Their team has built some incredibly detailed product, marketing, and brand design systems which shows how you can take Figma to new levels of usage.
Tom Quinonero writes about a recently announced headless approach to building Figma plugins.
Anthony DiSpezio shares a fun experiment connecting pose detection and Figma plugin API.
*repeats to self*
— Anthony DiSpezio (@adispezio) September 10, 2021
Figma is a design tool
Figma is... a design tool
Figma is a... design tool? pic.twitter.com/RjKtUpWVeY
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