FontStyle Pro

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 ScalesCreate H1–H6, Body, Caption, Overline styles based on your base font size and scale factor.

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

Smart Style CreatorQuickly creates typography styles.

How to use: Install / OpenIf installed from CommunityOpen your Figma file.

Go to Plugins → FontStyle Pro.

If you’re running a local development buildIn Figma: Plugins → Development → Import plugin from manifest…

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

Run via Plugins → Development → FontStyle Pro.

Quick startSelect 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 endTip: If you want to document only a subset of text, make a selection first.