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.

Engineer Aashima Garg shares an inside look at Figma’s enterprise team and their work, spotlighting a recent project to improve the Organization admin experience.

Ever wondered what’s the best name for that specific shade of the color? This plugin lets you select any node with a solid fill and see the closest color’s name.

A comprehensive UI Kit containing Material Components and Android 10 system components is designed to be the most faithful recreation of the MDC library for Android.

Avocode Write is a tool for copywriters, UX writers, and content editors to seamlessly collaborate with designers and design teams.

A gorgeous library of fully customizable icons and illustrations from Meng To. Includes a custom app that lets you change style, stroke width, and size of the assets.

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.

Alex from the Headway team explains how to build a simple data visualization kit in Figma. He also discusses the pros and cons of building a library vs. using a plugin for this kind of work.

A Twitter thread on organizing design files in Figma. The approach includes adding a mini doc and a thumbnail, annotating elements and edge cases, grouping components, marking Work in Progress, and organizing pages.

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.

“I struggled with the Figma Plugin examples to understand how to access data from the canvas and into my app. The Figma Plugin examples have a React application sample which sends data to the canvas, but not the other way around. While this is seemingly straight forward, I didn’t immediately absorb the explanations from Figma Plugin website. In retrospect, the way to do this is quite simple.”

Registration is open! The conference is virtual and free, so don’t forget to register by September 10th.

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

Tobias Negele, a Staff Product Designer at Shopify, shares their approach and template for organizing files and creating a predictable structure that engineers and other colleagues can easily understand and navigate.

Lennon Cheng has a simple approach for documenting design iterations in Figma: create a documentation file in every project without access to libraries, then at every pivot point copy your current screen and paste it into that file. Without access to libraries, all components and styles will be detached and won’t receive future updates.

A few tips and plugin recommendations that helped Brendan Ciccone migrate six projects from Sketch to Figma in less than one week.

The design team at Headway recorded a free course on the basics of Figma.

Another fantastic resource by Joey Banks, who also recently built iOS & iPadOS 14 UI Kit.

Preview a favicon and a web clip image in different browsers.