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

Variables, variants, component swapping, and component properties all offer different advantages. Choosing the right feature is key to building a strong 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