Skip to main content
Question

How do you create Typography Tokens in Figma?

  • January 28, 2026
  • 0 replies
  • 31 views

Erik22

Hello, 

creating tokens for colors it’s simple, set the primitives and then you create the tokens with the value of the primitive of interest, in the end the value it’s just one.

What about Typography? Figma Tutorial basically shows only how to create primitives, so you have the family font, size, weight and so on. 

But you can’t do the same with typography token, because one token contains at least 3 values, so 3 columns aka modes, but this cut out the starter plan but then even with the professional I am wondering how this works when the mode columns are instead used to point out at the font size for desktop, laptop, table and mobile.

About online tutorials I didn’t find much, either you create the primitives and then you assign the variable in the right UI column for each ones of the parameters of the text and then you create a text style that then they call token, or they go on variables and create the group display, the group heading, the group body with inside the values but this could work when you have a website, when you have complex projects that have headings of different sizes, weight and maybe font, I struggle to see it work.

So, what you guys are doing?
Thanks!