Type System Builder

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

Plugin Preview

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 spacing

How it works

1. Pick your font and weights

2. Choose a preset or customize your scale

3. Click Generate

Your type system is ready — styles, variables, and all.

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