@Figma_Team - any idea where this is on your roadmap? Will we see it in 2022? Our engineers are not happy and lack of this feature makes handoff in figma useless.
Do we have it in XD or sketch?
This is a no-brainer. Figma needs to acknowledge this and let us know where this sits in their backlog.
This definitely needs to happen. Plugins can’t be accessed without a license.
Majority of front end developers work in Rem so would make sense to have units in Figma.
I really need this to be able to work in the same units my client’s websites are in — some are in em, rem, % etc. Very few are using fixed pixel sizes and its causing developers huge headaches.
Not only that, it would make meeting accessibility standards much easier (specifically WCAG 1.4.4) if devs can use the same units I put into Figma.
FUNCTION12 converts Figma designs to rem units. The conversion only requires Figma link, so check it out if anyone’s interested.
Agreed that Zeplin/plugins don’t work well for our large enterprise. Please implement this feature!
It would be really great to be able to allow REMs for font sizing not just pixels. Our engineers will need to spend too long to convert for responsive components.
Hi @Brett_Taylor1, Thanks for sharing your thoughts! I found the other community member asking for something similar here. So I merged your post to have all the feedback in one place!
Feel free to vote up from the top!
Thanks,
How is this NOT a standard feature
Imagine the following workflow if Figma allowed units of measure: px, pt, rem.
- Type in your font size
- Choose the unit of measure
- If rem is selected, another field for base font appears
Better yet allow for variable to include both other variables and equations
- Variable base_font_size: 18px
- Variable rem_a: 1.5
- Variable rem_b: 2.25
- Variable h1_font_size: calc(base_font_size * rem_a)
- Variable h2_font_size: calc(base_font_size * rem_b)
You could quickly see the advantages of this. Furthermore, you could set scales better rather than rely on a plugin.
- Variable base_font_size: 18px
- Variable scale: 1.333
- Variable h1_font_size: calc(base_font_size * (scale * 1))
- Variable h2_font_size: calc(base_font_size * (scale * 2))