Shopify used Variants to clean up their local design system for retail.

Another example from Spotify. Here, they moved from 36 to 4 track row components.

“Figma has partnered with leading global digital and design agencies. These agencies have a proven track record of helping their clients run at scale by setting up and migrating their design systems, implementing more efficient processes, and providing an overall elevated level of service.”

It’s all too easy to focus your design system on the perfect component, missing out on the aspect that’ll ensure your success – collaboration. Join Zalando’s Louise From and Julia Belling to understand how they created, educated, and scaled their internal design system.

A guide to creating the perfect palette with Material Design. While it’s not strictly specific to Figma, the recommended Baseline Design Kit makes it easy to preview a custom color palette in the Material Design system.

Tammy Taabassum created a design system in Figma for an existing product following the design thinking process. She started by assessing the situation (Discovery), set goals (Define), and only then built components and unified colors.

Somehow I missed this article earlier this year, but it’s a good resource for creating an automated process to keep design tokens of the design tool in sync with the code behind it. They achieve this by setting up a Node.js server that generates Sass and Tailwind files with all the variables from the Figma API.

Rogie shows the best practices for documenting your design system using Figma and other tools.

Testing a design system to see if the component library is robust enough in real-world scenarios.

A branding and digital agency BASIC worked with Herman Miller on redesigning a Design Within Reach (DWR) website to replicate the experience shoppers might have in a showroom. They used Figma prototypes for usability testing and took the redesign as an opportunity to create the first design system for all of Herman Miller brands.

The team members from Shopify, Condé Nast, and Harry’s shared their experiences creating multi-brand design systems in a livestream a few months ago. This post shares some of the highlights from it.

Jeremy Dizon discusses best practices that his team followed to create and maintain multiple Lyft Product Language component libraries in Figma.

“Part ²⁄₅. Add to your design system by building foundational components and organize them using pages, frames, names, and descriptions.”

The Headway design team on managing a design system and multi-tiered UI kits in Figma. Love their usage of status badges and overlays.

Powerful plugin for managing design systems. Design tokens, theme management, content collections, documentation, and access to tokens from GraphQL API.

Create your style guide, type scale, and brand color scheme and turn them into shared styles, grids, and typography to kick off designing a design system from scratch.

A collection of design systems shared in Figma Community. Lots of great companies and examples to learn from.

Salesforce published multiple parts of their Lighting Design System.

Can’t imaging a better place for GitHub to share their design system.

Jules Forrest and Dina Sporer from Credit Karma share how their team converged around a design system workspace to improve their design and delivery process.