Christine Vallaure

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

https://uxdesign.cc/why-designers-should-move-from-px-to-rem-and-how-to-do-that-in-figma-c0ea23e07a15

If you're a Web developer (as most of my readers), you already know that users DO change font size (in their browser preferences), so you make sure to use proportional dimension units (em, rem, %, etc.) instead of px everywhere you can.

Christine shows how UI designers can (should) also work with proportional dimension units in mind when designing in Figma, which unfortunately only supports px currently:

why should you still bother about relative units as a UX/UI Designer? Because you are a nice person and would not park in the disabled parking, just because it’s more convenient (at least I hope you don’t). If you want another reason, you are legally required to make your website accessible

• older link:
  Which SVG technique performs best for way too many icons?
• newer link:
  Have Core Web Vitals made the web faster?

---

Related contents with similar topics

1. 

   Kathleen McMahon

   Pixels vs. Relative Units in CSS: why it’s still a big deal

   • Nicolas Hoizey
   • 20 April 2023
   • accessibility, CSS, em, rem
   • 4 reactions

   Remember, users really do change their settings under the hood, and we should be maintaining users’ control over their own browsing experience. If…

2. 

   Josh Collinsworth

   Why you should never use px to set font-size in CSS

   • Nicolas Hoizey
   • 15 November 2022
   • em, rem, accessibility
   • 4 reactions

   Let’s be very clear: it absolutely does matter what unit you use in your CSS. And you should avoid px when setting font-size wherever possible.…

3. 

   Josh W. Comeau

   The Surprising Truth About Pixels and Accessibility: should I use pixels or rems?

   • Nicolas Hoizey
   • 20 May 2022
   • CSS, rem, accessibility

   Josh's attention to details in all his articles is awesome. Here, he's presenting evidences that the rem unit should be used for font sizes, media…

4. 

   Eric Bailey

   Paint the Picture, Not the Frame: How Browsers Provide Everything Users Need

   • Nicolas Hoizey
   • 10 September 2019
   • accessibility, em

   Eric describes the issues people can face while using browsers to navigate on the Web, with a lot of great accessibility hints. people who feel they…

5. 

   Harry Roberts

   Font sizing with rem could be avoided

   • Nicolas Hoizey
   • 20 February 2019
   • em, rem, 62.5%, accessibility, CSS

   I don't really agree with the simple statement made in the title of this article, as sizing fonts with rem is sometimes useful to escape the default…