Three plugins for setting up Text Styles in Figma — quickly!

Contents

  1. Generating type
  2. Creating styles
  3. Adjusting styles
  4. Building your cloneable template

The plugins you need

1. Generating type

My configuration
The result

2. Creating styles

Select all type — note I’ve duplicated my original set and created underline versions (right), as well as bold versions of each set (bottom).
Font size / font weight / type decoration — e.g. 16 / reg / underline
Text styles created and grouped nicely

Hot tip for using this method with two different fonts

A secondary set of text created with a different font
Primary and secondary text styles created and grouped

3. Adjusting styles

In Batch Styler select all styles to change
Change the family property
Primary text styles updated to Helvetica

4. Bonus tip — Creating a cloneable template

Template file created and ready to be duplicated

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
James Norton

James Norton

Final year BSc Digital Media student in Brighton and Freelance Product Designer.