Komal Javed from Shopify shows how to set up your Figma projects to meet the needs of your whole team. Project Index Template is available in Figma Community.
Luke Cardoni, UX Lead at REI, recently spent time improving the accessibility of form elements in their design system, Cedar. “It turned out that these UI components posed the perfect opportunity to start exploring Figma’s Variants feature, as each Text Input, Radio Button, and Checkbox has so many, well, variants.”
Uber took a programmatic approach to create 256 new components for map markers. “By automating the construction of the markers, I was able to avoid human-error and efficiently generate the full set of variants. Programmatically testing the components allowed me to thoroughly validate them under multiple scenarios and be confident of their quality.”
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.)
The team at Microsoft published a v2 of the Fluent System Icons toolkit. New sizes are available, with over 4.5k icons per theme. The new icons are built with Variants, friendlier, have rounded corners and simplified shapes.
Polaris for Admin Web UI kit is focused on building and creating products for Shopify.
Two Dropbox employees joined forces to create an internal Figma workshop for all design-adjacent roles in the company. This blog post tells how the project came together and shares their slides as a Community resource.
Dropbox went fully remote last year, and in this post, they discuss changes to the workflow. “After migrating their design organization to Figma from Sketch back in 2018, the Dropbox design team had a head start when it came to remote collaboration. The team already had established best practices for virtually every stage of the creation process — brainstorming, wireframing, prototyping, and commenting. […] But once the pandemic hit and the team went fully remote, they needed to do more.”
“Unlocking collaboration is hard, especially for large remote teams. In this livestream, LinkedIn’s Renee Reid and GitHub’s Ash Guillaume share their insights and methodologies for creating collaborative and inclusive design processes.”
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
Excited about today's @figmadesign announcement about creating variants with components?
— luis. (@disco_lu) September 17, 2020
Here's a video of me converting the @githubdesign Primer buttons library in under a minute.
👩🏼🎨 pic.twitter.com/nin9hFcpkj
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.