Skip to content
Type System Builder

Type System Builder

by Branding Board

Generate text styles, variables, and font pairings in one click

FreeFigma

Installs

29

Likes

8

Users

198

Views

146

Preview

Type System Builder preview

About this plugin

Build professional typography systems without the manual work.

What it creates• Text styles with proper hierarchy (H1–H5, Body, Small, Caption)• Variables for font sizes, line heights, weights, and letter spacing• Intelligent font pairing suggestions based on your primary font• Optical letter spacing (tighter headlines, readable body text)Features• Works with any font in Figma• Presets for Product UI, Editorial, and Marketing• Professional typescale ratios (Major Third, Golden Ratio, etc.)• Customizable scale steps, line heights, and spacingHow it works1. Pick your font and weights2. Choose a preset or customize your scale3. Click GenerateYour type system is ready — styles, variables, and all.

Free to try (3 generations), then unlock unlimited with a license from Gumroad.

More fonts typography plugins

View all