Anthony DiSpezio shows how merge reviews now ignore top-level sections, allowing you to review changes at the frame or component level.

Designer Advocate Chad Bergman explains the basics of design systems — what they are, how they work, and how they can change the way you design.

The Stark team prepared simplified and actionable explanations of WCAG 2.2 criteria. ​“This is a collection of summaries of each and every criteria from the WCAG 2.2 designed for clarity, simplicity, and actionability. The WCAG is complex and detailed so we wanted to give you something that takes the awesome efforts that went into creating it and gives it to you in a really easy to understand package.”

A set of benchmarks to level up the quality of your Figma components and define what constitutes a good component. The content is divided into two sections: ​“Design”, featuring items that can aid in crafting a component; and ​“Testing”, containing considerations for testing your component before final publication.

“You can export content to share designs with others, move content between tools, or save copies of your work outside of Figma. In this video, we’ll walk through how to export content and go over ways to troubleshoot common export issues.”

Some colors have established semantic uses — green for positive feedback, red for errors, and yellow for warnings. But what happens if your brand is based on one of them? Molly looks at how Netflix & Lego, Spotify & Quickbooks, and Hertz & McDonald’s handle this challenge. Her takeaway: either embrace the situation and use the brand color for semantic values, or introduce a new distinct color shade (i.e. orange for errors), but do not use two similar colors for different needs.

Beautiful illustration of a Brain turntable made in Figma.

Alex Yakir put a grant from the Figma Creator Fund to good use by building a free design system that makes both designers and developers happy. All Figma variables and components have matching CSS variables and React components with stories in Storybook. It’s designed with Dev Mode in mind, from built-in Annotations to unified prop names and Auto Layout mirroring the box model structure. An impressive amount of work and superb attention to detail!

Figicon is a free collection of thousands of minimal icons. All icons are available in SVG, based on a 24-pixel grid with a 1.5‑pixel stroke, and include a set of brand logos and all country flags. Product Hunt’s recent 2^nd Product of the Day.

Dualite converts Figma designs and prototypes to React and HTML/CSS. ​“Create reusable code components with semantic naming from Figma variants in a single-click. Use tagging for turning static layers to external links, input fields, buttons and embeds.”

Think you’re good at picking colors? Test your skills with this fun little game.