Design tokens for fonts

  • Hi,
    Some feedback. Noticed that when I have design tokens for fonts adding those isn’t allways the same.

    For example Font size and Letter spacing can be added by clicking Unit token presets.

    But Font Weight I have to click the three dots and remember the name I gave it to it. I understand that the space in the inferface is a bit scarce. But maybe the same as Font Family? So Unit token presets icon besides three dots icon?

    And Line Height I have to just remember the name and typ it directly into the field. The Unit token presets in the field would be more logical.

  • Hello,

    For line height, you would create a Unit type token, name it and set the value, then apply it only for Line Height.

    Unit token

    Then, you would select it from the token dropdown in the editor.

    Consume token in the editor

    Regarding the font weight, there are several style builder controls that need an update which we will address in the future.

  • Ah thanks. I used AI to generate my design tokens import file and it set the type to text.

  • I noticed somehting strange. Could you check on this? When I use Text Token presets for Font Family it doesn’t shows it.

    This is default:
    Default

    Here it still says default:
    doesn't show design token

  • Hello,

    The select box needs an update, as currently it is still wired to the Font Library method.
    To use a design token :

    1. Click the token button above the select box and set it there.
    2. Ignore that the select box says default.

    Future updates will improve this UX.

  • Good to know that you know. Thanks.

  • You are welcome!

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.