◈ Interface Representatives are the center of the Figma component universe

And understanding how they relate to the other 6 types will unlock a whole new level of workflow precision
Read time:
19
minutes
minute
//
Tags:

7 types of Figma components, named and explained

You're already use first type... but what about the other 6?
Read time:
6
minutes
minute
//
Tags:

12 ways to make your Figma components more delightful to use

Designers strive to make usable products. And components are themselves tiny products... let's make 'em usable!
Read time:
21
minutes
minute
//
Tags:
Auto layout
Composability
Naming things
Properties
Layer architecture

When to use variants, component props, variables, or separate components

Variables, variants, component swapping, and component properties all offer different advantages. Choosing the right feature is key to building a strong component library.
Read time:
16
minutes
minute
//
Tags:
Properties
Variables

This is probably why your Figma variant's "size" property isn't working

"it works fine on the canvas, but not when it's nested inside another component?!"
Read time:
4
minutes
minute
//
Tags:
Icons
Properties
Layer architecture

There are only 3 ways to build components in Figma

The techniques are: "basic", "starter-kit", and "slot"
Read time:
8
minutes
minute
//
Tags:

Methods for building and managing your Figma components

Confidently choose a building method that will benefit you in the future
Read time:
5
minutes
minute
//
Tags:

Review: Kitchen Sink Figma component architecture

Let's look at the tradeoffs between file performance and component management and maintence that come with this method of building components
Read time:
6
minutes
minute
//
Tags:

4 signals that something should definitely be a component

Spoiler: almost everything you make should be a component... almost...
Read time:
6
minutes
minute
//
Tags:

Yes, there actually IS a way to add layers to instances of Figma components

According to Figma’s documentation this isn’t possible, but I’ve found a way to get around it. No plugin required.
Read time:
5
minutes
minute
//
Tags:
Composability
Layer architecture