Why designers should move from px to rem (and how to do that in Figma)

Christine Vallaure
UX Collective
Published in
13 min readNov 5, 2021

--

**************************************************************************
Figma now supports REM. Find the updated version here:

***************************************************************************

If you are anything like me, you happily used Pixel (px) in Sketch and Figma during the past years without thinking much about it. It is the unit they gave me. Surely it is correct, and if not, the development team can fix that, no? Plus, there are a lot of people saying my design should be pixel perfect, right?

Not quite (unless you interpreted “pixel perfect” as avoiding half-pixel). Let’s get started:

So What Is the Problem When Using PX Values?

Pixel in design software (e.g. in Figma) are absolute units, meaning, that 1px corresponds to a defined size (later this will be translated to different screen resolutions but in Figma, we work at 1x where 1px=1pt). Now a fixed value seems like a designer’s…

--

--