Our #components in @figmadesign just got an update, variants for:
— Mariz (@MarizMelo) May 13, 2021
- Default (preview)
- States (hover, pressed, etc)
- Lazy loading (skeleton/loaders)
- Responsive design (sm, md, lg)
- Redlines for engineers pic.twitter.com/9YznsuIWMw
“A template for the GV Brand Sprint – a workshop format conceived at Google Ventures and well documented by Jake Knapp. In 3 hours or less, you get a very good picture of a brand, its vision, future and challenges.”
“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.”
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.