Ready for a behind-the-scenes look at one of my favorite systems I've ever built in @figmadesign ?
— Ridd 🏛 (@Ridderingand) August 8, 2021
Of course you are (it'll be fun) 👇 pic.twitter.com/iiRmDdcc5q
Interactive components are here my friends.
— luis. (@disco_lu) February 25, 2021
Here's a quick run through of what they mean and also why it's important for design systems teams.
🍜
Sign up for the beta here: https://t.co/PYXoKapYVL pic.twitter.com/dZdqJ1fhDd
In this part of Figma in 5, Rogie talks about Design Systems with a focus on components.
“Design systems sit at the intersection of design and development. Lyft teammates Jeremy Dizon, Design Systems Product Designer, and Alex Lockwood, Design Systems Staff Engineer, will show off their design system and share how they collaborated to build it.”
“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.