Skip to main content

Percentage-based letter-spacing should convert to em value in Dev Mode

  • June 4, 2025
  • 1 reply
  • 1083 views

Christy N

Letter-spacing values declared in % in Design modeĀ should be represented in em in Dev mode,Ā instead of px orĀ rem.Ā em units areĀ relative to the font size, whereas px and rem are not.

For example, a letter-spacing value of 2% should be represented in CSS as .02em. (You can’t declare letter-spacing in % units in CSS, so this is why we must use em.)

Currently, when you view the code in Dev Mode,Ā the only unit options you are given areĀ rem or px, which are two static units, not relative units. This means you end upĀ outputting random values like ā€œletter-spacing: 0.1125rem;ā€ which doesn’t scale relative to your font sizeĀ on the front-end.

This causes many headachesĀ for me and my developers. Would love to see this updated!Ā šŸ™

1 reply

y_toku
Figmate
  • Community Support
  • June 4, 2025

Hi ​@Christy NĀ 

Ā 

Thank you for your valuable feedback. I've shared this with our internal team for consideration in future improvements.

I've recategorized this post as "Suggest a feature" so our product team can track it properly - they regularly review suggestions in this category to inform their roadmap.

We really appreciate you taking the time to share your thoughts with us!

Ā 

Thanks,

Toku