Skip to main content
Alex_Prime
New Participant
April 17, 2024

Typography variables feedback

  • April 17, 2024
  • 23 replies
  • 1755 views
  1. Let users set a variable value in %. It is useful for line-height (also for border radius 😈)
  2. Add typography related items to Number scoping

23 replies

Rodrigo3
August 22, 2024

+1 We definitely need this.

Naufal
September 2, 2024

Hello,

While experimenting with it, I have a little nitpick on the UX for Typography Variables. I’m using two modes, one for mobile and the other for desktop. I’ve already assigned the parent frames to each mode in the appearance property. Here comes the main issue with the number variables; for example, I used font/line-height/lg for the line height, and I applied a 40px line height for mobile and 48px for desktop. However, the text’s property inside the desktop mode frame still refers to the mobile version despite it functionally being 48px, even in the actual design. It would be better to show the desktop mode version of 48px in the property while the text is inside the desktop mode frame because it threw me off a lot.

Thanks.

Roxanne_G
New Participant
June 3, 2025

Thank you, ​@Alex_Prime  I just came here to write about line-height as well. 

 

Line Height - please allow percentages- 
Letter Spacing please allow percentages

Decoration- Please make that a selector in the style box and allow a string variable to attach to it 

Vertical and horizontal alignment- please allow a string variable
 

But I cannot connect line height in the style box, because it only take a number variable
 

Thank you