Figma Support Forum

REM and "font-size" for Inspect

Our developers spend a lot of time in Figma Inspect, having to convert everything from pixels to REM. Implementing a way to specify the document’s “font-size,” or the equivalent of 1 REM and being able to turn on REM measurements in inspect would save so much time and make our design to development handoff easier.

edit: Yes, we could use Zeplin but we are an enterprise team with many projects - why pay for yet another subscription if Figma could implement this one thing?

49 Likes

Use Zeplin :slight_smile:

Please see my edit :slight_smile:

1 Like

YES - I’m surprised this doesn’t have more votes!! Thanks for sharing @Sarina_Katznelson

2 Likes

Does anyone know of a plugin? This is kind of a show stopper for me. The manual process of converting px to rem is error prone and very time consuming.
Does Sketch do this?

Maybe this one?

I’d love to see that on Figma too.

2 Likes

Yes, this recalculating from px to rem takes unnecessary time.

Two potential workarounds:

  1. Devs can install Figma-Plugin Hand››over which does the conversion
  2. There is an npm-package sass-rem which allows you to write px value and the package will then output rem
4 Likes

Thanks for the shoutout on my plugin Hand››over :blush:! I built this for this exact issue, to help my dev team out!

3 Likes

Hi Karl, I’m trying to use your handover plugin, however, it doesn’t seem to work for me (desktop app). What is the expected behaviour? Do I need to enter all numbers in order to get the conversion? When I enter only some of the numbers nothing happens after clicking “Convert” :face_with_raised_eyebrow: Reset button works fine. any advice?

Hey Ania! So the way it works is to only update the values that are present in the current top-most selection (although you can override these by typing in any input field on the plugin if you wish). So if you select a parent frame, only the values for that frame will convert. If you want to see values for a specific child, you need to ensure only that child is highlighted. This is deliberate as it helps avoid confusion in a frame with many elements that could contradict each other.

I’ll be shipping an update that converts on selection change so you don’t need to press any buttons but those values should update automatically.

Edit: I shipped this update.

Let me know if you’re still having issues!

1 Like