“In this episode, Charli talks sits down with Ashley Seto, lead product designer lead at Pinterest. Together they dig into what it takes to govern a design system and the systems and process in place that can help get everyone on board.”
“In this episode, Charli talks with her colleague Alf Salib, product design lead at ConvertKit. Together they dig into what it takes to implement a design system with a small team and get real about the challenges and lessons learned along the way.”
Netflix presents Hawkins, their design system widely used across the Netflix Studio’s growing application catalog, which consists of 80+ applications. In this blog post, they explain why Hawkins was built, how they got buy-in across the engineering organization, and what their plans are moving forward. (BTW, the cover illustration is made by Martin Bekerman, whose other artworks you can see below.)
Mirko Santangelo collected great resources from Uber, Microsoft, GitHub, Spotify, and more.
Here's a 🧵thread featuring some of the coolest design systems made in @figmadesign. All available for download on the Figma community. 👇
— Mirko Santangelo (@mirkosantangelo) January 25, 2021
1. Base Gallery by @DesigningUber https://t.co/uWdAGhvIEd pic.twitter.com/65VA6v12Qq
Tim explains the concept of elevation in Material Design and how to work with it in Figma.
Figma and Charli Marie, Creative Director at ConvertKit, introduce the new video series “Coffee with Charli”, where she’ll interview design systems leaders. First up, Charli chats with Chris Pearson of Conde Nast about design systems for multiple brands.
During an audit of marketing pages, the team at Figma realized they weren’t following their own advice. Over the course of a month, their small team created and organized a robust, adaptable style guide and component library that now lives in their CMS. I loved that part: “…every color has its own branded name, inspired by California, where Figma is based. An earthy green is avocado toast, and an ember yellow is sunset.”
What a gem! “This file contains the Figma design language and system. It includes the styles, components, and variants Figma’s design team uses everyday to design Figma itself, as well as some instructions and best practices.”
Polaris for Admin Web UI kit is focused on building and creating products for Shopify.
A nice way to organize a design system and plan work using Figma embeds in Notion.
Warren Tobias describes the whole process of developing a proper design system and replacing Sketch, Abstract, and Flinto with Figma. Interestingly, they continued using Zeplin for the handoff process as their development and engineering team is mostly outsourced.
Psyched to integrate @figmadesign variants into our Spotify web design system. It's so much easier to use this way- we had 105 buttons components before and will now have 3! 🤯 pic.twitter.com/An3N0e6QiH
— Juli Sombat (@jsombat) October 28, 2020
Had some fun playing with @figmadesign variants for our Spotify mobile design system. In this example, moving from 36 to 4 track row components, resulting in a much cleaner asset panel! ✨ Having both global and variant descriptions was a nice bonus! pic.twitter.com/V3tWdNfUa4
— Mattias Johansson (@mattiasjo) October 28, 2020
We’ve been playing around with variants in @figmadesign for a few weeks and leveraged the feature to clean up components in #Polaris for Retail, one of our local design systems. This makes it so much easier to choose and switch between variants. There’s no going back. @ShopifyUX pic.twitter.com/cmElLM23fB
— Tobias Negele (@tobiasnegele) October 27, 2020
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.