Font Scale

Figma Resource
Font Scale is a quick tool to generate a harmonious and consistent typography hierarchy.

This is especially useful when you want to keep the prroportions between your body text and headings the same, whether it’s on screen or paper.

Usage

1. Select a base size. For desktop, for example, usual practice is somewhere between 14px and 16px.
2. Select a scaling factor. Major Third seems to create the best hierrarchy for bigger screens.
3. Check the preview to see if you’re happy with the result. You can see the pixel value of the size, as well as the em value relative to the base size (useful for all you devs out there)
4. Hit “Generate Layers” to get text layers with the sizes applied so you don’t have to do it manually.

Inspiration

This plugin has been inspired by Jeremy Church’s www.type-scale.com