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?Generates Primary + Secondary + Accent font combinationsTakes into account your project style (7 styles: business, corporate, modern, elegant, fun, personal, minimalist)Analyzes font metrics (x-height, glyph width, weight, stylistic characteristics)Automatically filters out fonts that do not fit the selected styleLets you save combinations as Figma text styles and variablesOptionally adds smart descriptions to generated stylesSupports manual swapping of secondary and accent fontsWorks with any available fonts — Google Fonts, local fonts, and Figma-supported fontsWho is it for?Product designers — to quickly build solid typography systemsUX/UI designers — to improve readability and visual rhythmBrand designers — to find well-balanced and creative font pairsBeginners — to get guidance on what fonts work well togetherExperienced designers — to save time and explore unexpected combinationsHow does it work?Choose your project styleSelect a Primary FontClick Change PairsBrowse the generated font pairs and accent optionsSave styles or variables in one clickTweak and refine as neededWhy use Typographica?Save time — no more manual font pairingGet better quality — pairs are based on font metrics and style fit, not guessworkFlexible — works for classic and modern designs alikeCustomizable — easy to adjust pairs or generate new ones on the flyStyles and Tokens SupportTypographica 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 TableTypographica 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.