Text Styles in Figma

In this tutorial, I will show you how to create and use text styles in Figma. I will turn a type scale for a website into text styles with headings and body text. You will learn how to create text styles using Figma native tools as well as Figma plugins.
Typescales (plugin for Figma):
www.figma.com/community/plugi...
Text Styles Generator (plugin for Figma):
www.figma.com/community/plugi...
#figma #figmatutorial #figmaplugins #ui #uidesign

[@marziz]

Thanks Nick, your videos are so helpful.

[@__jake.m]

Thank you, Nick! Massive help!

[@rahid_03]

best one for learn create text styles
thank you

[@kufreakpan8240]

Very fast method, thank you.

[@mattbolt9487]

Very nice.. thank you this is super helpful

[@adraur9670]

thank you for this :)

[@stinkleaf]

how do you define a color for test styles?

[@anikkhan777]

thank you

[@user-xl8sj2ub9v]

This really helped me - thank you. the question I have is how do I use this set of styles over multiple design files? (I'm very new to figma if that is apparent) :) thanks!

[@user-rx7xt4hr5h]

I have a question (for anybody that can answer). If I do this, when I use "Dev mode" the platform would be able to detect these headings? What I mean is, when I see the code, will I be able to see "h1", "h2", etc.? Let me know if that's understandable.

[@kayodedesign]

Yes