Set bound variable for Typography

Plugin and Widget API Questions
, ,
1

Hi :wave: Using variables for setting fonts are cool and helps our design system a lot.
But is there any way to set bound variables for text properties via Plugin API?

It’s complex read-only property and simple setBoundVariable() does not work. We don’t have known methods like setBoundVariableForFont().

Can we wait for Plugin API to support typography variables any time soon?

List of properties I can’t manage to set:
fontFamily, letterSpacing, fontSize, paragraphSpacing, paragraphIndent, fontWeight, lineHeight and unexpectedly stroke for sections :smile:

2

API for typography and gradients variables is still in development.

Regarding stroke for sections, I think this might be considered a bug.

1 Like
3

Thanks, Bleb
Hope to see it soon!

4

We have a guide for typography variables in the plugin API here: Working with Variables | Plugin API

1 Like
5

Great news, thank you!
Didn’t see that few days ago. Glad it exists.

6

Why isn’t there a bindable option for fontSize?

7

There is! VariableBindableTextField | Plugin API

8

I’m trying to reference the variable id in a function using boundVariables.fontSize.id, but it’s returning undefined. Other id references like fills[0].boundVariables.color.id and boundVariables.strokeWeight.id work fine. Any thoughts?

9

boundVariables.fontSize.id doesn’t work because for VariableBindableTextField keys in the boundVariables object, because the values are arrays of aliases instead of just a single alias.

The reason is that unlike normal bindable fields like strokeWeight, you can bind different variables to substrings of text. So you need to do boundVariables.fontSize[0].id (after checking that the array is non-empty).

10

That worked! Thanks for the help.