Skip to content
Typography style generator

Typography style generator

by Abdul

Instantly generate perfectly linked typography type scales and local text style tokens directly on y

FreeFigma

Installs

3

Likes

0

Users

21

Views

32

Preview

Typography style generator preview

About this plugin

Say goodbye to the tedious, manual setup of typography systems. The Typography Style Generator builds a complete, production-ready typographic scale in seconds completely mapped to local style tokens without breaking your sidebar panel links.

Simply type in any locally installed or system font family name, hit generate, and let the plugin do the heavy lifting.KEY FEATURES• Zero Overrides, Pure Deep Links: Canvas text layers are natively tied to their corresponding local text style tokens. No overridden parameters, no hidden styles just a clean link straight to your design system panel.• Automated Spec Sheets: Generates an organized, visual vertical auto-layout grid mapped across standard sizes (Display 2xl down to Text xs) and weights (Regular, Medium, Semibold, Bold).• Smart Font Matching Engine: Misspelled a font or missed proper capitalization? The built-in engine auto-corrects input names against available system fonts to prevent loading failures.• Clean Spec Namespaces: Automatically creates clean, grouped design tokens using standard naming conventions (e.g., Font Family / Size / Weight) for clean developer handoffs.HOW TO USE IT1. Open the plugin from your actions or plugins menu.

2. Type your target font family name (e.g., "Inter", "Roboto", "SF Pro").

3. Click "Generate Styles".

4. Watch the system generate your visual spec sheet and inject all local style tokens into your Typography sidebar instantly.

Built for product designers, design system engineers, and UI specialists looking to skip the busywork and ship faster.

More fonts typography plugins

View all