Designers strive to make usable products. And components are themselves tiny products... let's make 'em usable!

Variants and component swapping offer different advantages. Learn how to reach for the right tool when building your component library.

"it works fine on the canvas, but not when it's nested inside another component?!"

The techniques are: "basic", "starter-kit", and "slot"

Confidently choose a building method that will benefit you in the future

Let's look at the tradeoffs between file performance and component management and maintence that come with this method of building components

Spoiler: almost everything you make should be a component... almost...

According to Figma’s documentation this isn’t possible, but I’ve found a way to get around it. No plugin required.

No matter how much time you're spending on a wireframe, you need it to effectively communicate an idea. How do you optimize for fidelity?

Chrome, Safari, and Firefox, for both Windows and Mac, all utilizing Figma's auto-layout feature

I'm too excited about this project to not publish something right now

Upgrading from willy-nilly class names to B-E-M naming conventions