José Torre, Staff Product Designer at Shopify, gave a Config talk about getting the most out of design systems. The article he published earlier this year is a great summary of his thoughts on this topic.
Interface Inventory is a key research activity before any design system is started. See also the thread by Jan Toman on why he created this resource.
Recently I’ve shared a few no-code tools for generating code from Figma mockups, but this one is different and works in reverse by generating Figma components and variants from your code and Storybook stories. Nifty idea!
Jan Six, creator of the powerful Figma Tokens plugin, joined forces with Marc Andrew, creator of a massive Cabana design system, to rebuild the system using tokens. It’s still an early version, but Jan talks about some of the benefits of the new approach in this article.
Nice write-up on how Spotify updated their icon system and streamlined the contribution flow with Figma. Shaun Bent shares a few more details in his Twitter thread.
“Figma has advanced enough where it now supports some powerful concepts that can help with the flexibility and maintainability of a design system. In this article, Sasha explains why she finds the Systems Designer position so rewarding — and it’s not only because of how fast certain tools have developed to help her master challenges she faces in her work projects.”
“One significant aspect that design systems solve is serving as a single source of truth across products so that we can save ourselves from this mess at handoff. But what is this single source of truth and how do the teams working on it build and manage it?”
A guide on how to build design systems that scale easily and sync with GitHub, with the help of a plugin called Figma Tokens.
Jan Toman with a thread of different ways this plugin can be used to automate routine operations of maintaining a design library, removing the need to use checklists, and increasing consistency along the way.
Finally found some time to play with Automator plugin from @tricycleai. This thing can replace so many checklists (!!!), helping us to scale a consistency in our whole Figma library. No matter who is contributing.
— Jan Toman (@HonzaTmn) November 6, 2021
🧵 Thread with examples ⤵️
Femke shares some of her favorite educational resources, UI kits, and design systems for Figma.
Powerful use of Figma variants and VS Code design toolkit to work on dark and light themes.
👨🍳 Been cooking with our @code design toolkit in @figmadesign to make our components easily theme between dark and light variants without adding additional color styles. This is looking promising. pic.twitter.com/EUUasD0EMv
— Miguel Solorio (@miguelsolorio_) October 29, 2021
“Join to hear from Lauren Duxbury and Julie Lee at Honeywell about how they evaluated, tested, and advocated for a design system that works for designers.”
If you liked Jan Toman’s talk at Schema, check out this one as well.
Jan Toman (see his Schema talk above) with a few recommendations for design system maintainers.
A simple tip for UI kit maintainers in @figmadesign:
— Jan Toman (@HonzaTmn) October 3, 2021
- Release changes in smaller batches
- Add a detailed description of what was changed
- (Optional) Reassure consumers that nothing will break
Write changelogs. Small things like this matter. pic.twitter.com/J6kA16pj1f
“Ever wonder how other companies set up their Figma files? Joel Miller from Figma will take us behind the scenes and provide tips, tricks, and examples you can implement today.” See also a Twitter thread with all the resources that Joel shared.
Hugo Raymond, Burberry. “How can we better understand the context of our Design Systems among our broader product teams? Join us to learn Burberry’s approach, including how to best work with engineers, standardise and understand shared context for reusability, and how to think about both strict and loose frameworks of adoption.”
Heldiney Pereira, Monzo. “We all spend time reflecting on structures of design systems, but have we invested enough understanding the governance of those systems? Join Heldiney as he digs into the different models available to run and scale design systems globally.”
“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.”
Kelly Gorr and Prasanna Gunuru, Microsoft. “Figma is a powerful design tool that is used by many designers across Microsoft. Building custom Figma plugins can unlock new capabilities, resources, and shortcuts that are tailored to enhance design processes. Kelly and Prasanna take you through what it’s like building Figma plugins and how they are used at Microsoft.”
Ivy Knight and Rody Davis, Google. “Material You is enabling a new level of individuality across interfaces. But how does dynamic color interact with the distinct brand expression in your design system? In this session, we’ll dive into the NEW Figma plugin for generating dynamic color schemes and see those changes reflected throughout your app’s UI.”