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

Should library components come with prototyping interactions? Only sometimes...

Checkboxes, yes. Radios, no.
Read time:
4
minutes
minute
//
Tags:
Libraries
Prototyping

Organize your variables in 3 levels of collections

alt title: how to make sense of variable collections in Figma
Read time:
4
minutes
minute
//
Tags:
Naming things
Variables