Skip to main content
Question

Variable mode value

  • March 3, 2026
  • 0 replies
  • 2 views

Diego_Maia

Would be possible to display the variable mode value instead of its default value on the previews?
 

Type size and line height values by the side of the type style name


On my current project, the typography scale changes depending on the device size.

I have set up 3 modes: Mobile, Tablet and Desktop. Using the Small type style as example. Its 12px on Mobile (default value), 13 on Tablet and 14 on Desktop.

But when I use it inside a frame that is on the Desktop mode, it still displays the default value even though it is rendered correctly at 14px.
 

Variable size value not updated to its mode


Its a minor thing but every now and then when I need to double check something, I end up breaking the style link temporarily just to make sure its getting the right value.

Just to be clear, the ideal behaviour for me is to every time we display a variable value, it should be aware of its mode.

In the example below, it should display 14px as those are inside a frame on the Desktop mode.