Managing icon component sizes

It's time to retire that icon wrapper component
Read time:
8
minutes
minute
//
Tags:
Icons
Properties
Variables

I've stopped flattening icon layers, and my color overrides are working perfectly

Collapsing SVGs into one layer is expensive, risky, and makes for a more fragile icon collection
Read time:
5
minutes
minute
//
Tags:
Icons
Properties
Variables

Library file page-organization strategies (pros and cons)

one component per page is not the only (or best) solution
Read time:
3
minutes
minute
//
Tags:
Libraries
Organizing-things
Organizing-things

11 uses for variables beyond light and dark mode

tired: light/dark, wired: density
Read time:
2
minutes
minute
//
Tags:
Variables

Preserve directional icons' orientation on swap

Why swapping arrow-right for arrow-down still shows an arrow pointing to the right
Read time:
1
minutes
minute
//
Tags:
Icons

Remove the "direction" property on your arrow icons

And thumbs, chevrons, trend lines...
Read time:
2
minutes
minute
//
Tags:
Icons
Properties

Prevent icons from cracking when outlining strokes

there's two different workarounds!
Read time:
3
minutes
minute
//
Tags:
Icons

Use branches to keep file memory low

It turns out layers and large variant sets aren't the only things eating up file memeory
Read time:
6
minutes
minute
//
Tags:
Branches
File memory

3 reasons to use variables for validation styling (instead of variants)

reduce memory usage, improve component usability, and a third thing!
Read time:
6
minutes
minute
//
Tags:
Variables

Tutorial: build WORKING radio buttons, tabs, pagination, and breadcrumb sets in your Figma library

A workaround for managing prototype-ready materials in your library
Read time:
7
minutes
minute
//
Tags:
Prototyping
Libraries