Skip to main content

Variables are great and I’ve started using them a lot as I develop a new typescale for my design system, however accessing them in the “Type” properties panel is a pain in the butt. There are several different experiences across the various properties:



  • Font: Variable is selectable at the top of the list

  • Weight: Variable is selectable at the bottom of the list

  • Size: Variable is selectable at the bottom of the list

  • Line height, letter spacing, paragraph spacing: Variable selection icon appears on hover, in the input field.


Why on earth am I forced to scroll past allllll the font weights and preset type sizes to access my variables? They should be easiest to access (top of list or on hover) and the experience should be the same regardless of the property.

i can’t believe they don’t start at the top… when implementing variables to type how in the world could such a decision be made?


Reply