REM and "font-size" for Inspect

Do you have a solution for if the Devs are not given Edit access? Right now in our process Developers are given view access only to get the values for the file. I believe you need edit access to run plugins on any figma file.

Unfortunately Figma doesn’t offer a way for view-only participants to use plugins so sadly Hand››over just can’t run in that scenario. It’s a real pain but it’s just a limitation of the user permissions.

I’m surprised this is not yet built into Figma. A way to see all measures in REM would be extremely useful for programmers with view permissions. And by all measures I mean also the ones that appear when hovering elements.
Also a way to specify the base font size (defaults to 16px) would be necessary to complete the feature.

Are there any plans to implement something like this in Figma?

In support to the article at Why designers should move from px to rem | by Christine Vallaure | UX Collective (uxdesign.cc)

I would like to suggest that Figma implements 3 simple features:

All of this should be handled by the software. Figma should offer three simple options:

1. “Make pxs behave like rems”

• Figma would still display everything in pixels which is much more friendly but rem values would be shown beside pixel values and the design would behave as if pixels were just a value translation of a native rem engine.

With time, Figma could make this even more flexible by allowing designers to set exclusions/overrides for the rem behaviour, eg.: Fonts, shapes, specific components, images, etc…

2. “Set base rem as 1rem= [16px]”

• The base by default is 16 but the designer can change it without having to reset any pixel value.

3. “Export/show Inspect units as [TICK ] pxs rems with translated value in px/rem as comment”

In the CSS/Inspect view, a pixel value would always be accompanied by its rem translation as a commnet and vice versa.

My goodness, yes, please, yes. I don’t even know where to put all my commas.

But as a developer, I came looking specifically for this feature. I mean, I literally just brought a calculator from home so I wouldn’t be switching windows 100 times a day to calculate REM values for every damn thing.

(This and being able to have designers build and work from a series of tokens for color, spacing, and font size would just make me explode with love for Figma. I’m SURE this is harder than it seems but designers aren’t your only audience here folks, but this would be super big for FE devs…)

While we’re at it, calculate line heights relative to font size too (1.5 for 16 px font, not 24). Give me a settings panel where I can select my preferred units globally

How is this not solved in 2022?

I think it is about time that Figma supported the logic of REM units, being the standard of any browser and thereby prioritizing usability.

I ask for the following functionality:

• Add root size for fonts (acts as 1 rem for font-size or line-height)
• Add root size for spacings/padding (ensures that you increment accordingly to a set root)
• Change font-sizes, padding etc. in REM
• Save it to my text-styles and components
• REM units in inspection for developers

I hope you guys/girls finds this practical for the Figma product in the future and will support it by upvoting.

Also if you have any ideas for bettering this request, please post in comments 👍

Kind regards

wow, really great idea. Could be insane with REM in Figma. 🤯

still waiting for it