Blog
Newsletter
Tip jar
Shop
◈ 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
See newer posts
See older posts