Font weight
A numeric weight or a DTCG weight keyword.
Partial: the reference list also offers number tokens, which give a type mismatch.
Value format
{ "$type": "fontWeight", "$value": 600 }{ "$type": "fontWeight", "$value": "semi-bold" }A number from 1 to 1000, or one of the keywords in the table below.
In Syntope Tokens
Type a weight or a keyword, or pick one under presets. A reference must point to another font weight token. The reference list also offers number tokens, but such a reference fails with a type mismatch. Create a font weight token instead.
Applying to layers
Apply token works on text layers. The plugin keeps the family of each styled range and looks for a face that matches the weight. A weight between two rows uses the nearer one, and a tie uses the lighter one.
| Weight | Keywords | Figma face names tried, in order |
|---|---|---|
| 100 | thin, hairline |
Thin, Hairline |
| 200 | extra-light, ultra-light |
Extra Light, ExtraLight, Ultra Light, UltraLight |
| 300 | light |
Light |
| 400 | normal, regular, book |
Regular, Normal, Book, Roman |
| 500 | medium |
Medium |
| 600 | semi-bold, demi-bold |
Semi Bold, Semibold, Demi Bold, Demibold, SemiBold, DemiBold |
| 700 | bold |
Bold |
| 800 | extra-bold, ultra-bold |
Extra Bold, ExtraBold, Ultra Bold, UltraBold |
| 900 | black, heavy |
Black, Heavy |
| 950 | extra-black, ultra-black |
Extra Black, ExtraBlack, Ultra Black |
Italic and Oblique on the layer are kept, for example Bold Italic.
If the family has no matching face, the layer stays unchanged and the plugin reports it. Choose a weight the family has, or name the exact face in a typography token.
Figma variables
Maps to a FLOAT variable. A keyword is converted to its number, so semi-bold becomes 600.
