Typographica

About this plugin

Typographica helps you quickly create beautiful and balanced font combinations for any project — from corporate dashboards to creative websites.

The plugin analyzes your chosen primary font, project style, and font metrics to generate harmonious font pairs automatically.

What does Typographica do?

1. Generates Primary + Secondary + Accent font combinations
2. Takes into account your project style (7 styles: business, corporate, modern, elegant, fun, personal, minimalist)
3. Analyzes font metrics (x-height, glyph width, weight, stylistic characteristics)
4. Automatically filters out fonts that do not fit the selected style
5. Lets you save combinations as Figma text styles and variables
6. Optionally adds smart descriptions to generated styles
7. Supports manual swapping of secondary and accent fonts
8. Works with any available fonts — Google Fonts, local fonts, and Figma-supported fonts

Who is it for?

1. Product designers — to quickly build solid typography systems
2. UX/UI designers — to improve readability and visual rhythm
3. Brand designers — to find well-balanced and creative font pairs
4. Beginners — to get guidance on what fonts work well together
5. Experienced designers — to save time and explore unexpected combinations

How does it work?

1. Choose your project style
2. Select a Primary Font
3. Click Change Pairs
4. Browse the generated font pairs and accent options
5. Save styles or variables in one click
6. Tweak and refine as needed

Why use Typographica?

Save time — no more manual font pairing

Get better quality — pairs are based on font metrics and style fit, not guesswork

Flexible — works for classic and modern designs alike

Customizable — easy to adjust pairs or generate new ones on the fly

Styles and Tokens Support

Typographica not only generates font pairs, but also helps you create full-fledged text styles and design tokens in Figma.

You can save your Primary, Secondary, and Accent fonts as reusable Text Styles and optionally as Variables (Tokens) — making your typography consistent across your project and design system.

Style Description Table

Typographica can automatically generate a style description table for your font system — right inside Figma.

It creates a clear, editable table summarizing your Primary, Secondary, and Accent fonts, with suggested usage and style notes.

Perfect for documenting typography choices or sharing with your team and developers.

Typographica is your smart font pairing assistant in Figma. Make your typography cleaner, more beautiful, and more consistent — with less effort.