#Community
Mastering design systems components in Figma
If you liked Jan Toman’s talk at Schema, check out this one as well.
Batch create styles
Luis shows how to create styles at rocket speed using batch renaming and the Styler plugin.
Naming arrow Variants
Bonnie Kate Wolf suggests using Unicode emojis in front of the variant name for a quick preview.
System for keeping a file in order
Anton Lovchikov shares his approach to structuring pages in the Figma file.
Write changelogs
Jan Toman (see his Schema talk above) with a few recommendations for design system maintainers.
Match Variant properties & names with what’s reflected in the code
Joey Banks with an excellent suggestion on how to bring designers and engineers closer.
A recent trick/tip that you share with everyone
As always, Rogie’s tweets gather a lot of fantastic replies.
Design systems panel discussion
“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.”
Mastering the art of code — aligned UI kits
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.”
Conference Kickoff
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 in Figma is here!
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.
The challenges of building branching
Figma’s Director of Product Sho Kuwamoto shares some of the challenges of building branching.
Collaborating in FigJam
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.
Fun effects with boolean groups
Boolean groups + vector networks + rounded corners = magic! Don’t miss Miguel’s original thread, and check out where they brought it in the end 🤯
Baseline grid
Miguel with a tip on setting up a lightweight baseline grid with Layout Grid.
10 keys to nailing responsive design
Ridd shares great tips on how to make your designs more developer-friendly.
Paste to replace, paste here, and multi-paste in Figma
Miguel is demonstrating the new copy and paste capabilities.
Non Boring Gradients
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.