FontStyle Pro

About this plugin

Automate your typography workflow in Figma! FontStyle Pro helps you generate, organize, and apply font styles, heading, body, caption, and more in just a few clicks. Perfect for design systems and rapid prototyping.

Generate Typography Scales

Create H1–H6, Body, Caption, Overline styles based on your base font size and scale factor.

Customizable Presets

Define multiple presets (font families, weights, sizes, line heights) to match any brand guideline.

Smart Style Creator

Quickly creates typography styles.

How to use:

Install / Open

If installed from Community

Open your Figma file.

Go to Plugins → FontStyle Pro.

If you’re running a local development build

In Figma: Plugins → Development → Import plugin from manifest…

Pick the plugin folder with the manifest.json & code.js.

Run via Plugins → Development → FontStyle Pro.

Quick start

Select the frames you want to document. (Optional) If you select nothing, the plugin scans the whole page.

Run FontStyle Pro.

The plugin creates a “Font Style Guide” frame on the current page with:

Header (title + subtitle)

Typeface line (family/families found)

Category sections (Display, Heading, Paragraph variants)

One Contrast Summary banner at the end

Tip: If you want to document only a subset of text, make a selection first.