Working with typography in Figma and not seeing the variables icon to apply a variable? Be sure to check that there are string or number types available in your file.

Learn more and try out some examples with the Figma Variables playground file: figma.com/community/file…

would be real of you to help Shortcut win a Webby

vote for us here → bit.ly/3xmgtb5

my first thought when I saw Figma's sidebar showing component code was, 'I really hope they add a way for devs to write the code that's displayed there' — and today they launched that functionality!

watch Jake give us a whirlwind tour of how it works

twitter.com/i/spaces/1PlKQ…

we're recapping Framework by Figma, join us if you missed anything or if you just want to keep talking typography. twitter.com/i/spaces/1PlKQ…

Huge shout out to the entire team who worked on this. Was a massive effort!

Would love any feedback you all have when using typographic & gradient variables.

Variables for typography are live!

I've just published a 'typography variables starter kit' to the community, so you can see how to set things up 🙌

There are variables for:
1) Font family
2) Font weight
3) Line height
4) Font size

figma.com/community/file…

New features and more
bit.ly/3Jnm4Rs

With all those updates, variables are now out of beta (!!)

Bind variables to gradients and check out our redesigned panel for more control of the individual gradient stops

There's Figma before typography variables and there's Figma after today → bit.ly/3Jnm4Rs

We were dropping hints about typography

Now our typography drop:
→ Font family
→ Font weight and style
→ Font size
→ Line height
→ Letter spacing
→ Paragraph spacing and indent

Typography variables are here (not a secret)

Happy Framework day to all those who celebrate design systems