Type System Builder
Generate text styles, variables, and font pairings in one click
Plugin 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.
Plugin Details
| Version | 2 |
|---|---|
| Created | January 11, 2026 |
| Last Updated | January 11, 2026 |
| Category | fonts-typography |
| Creator | Branding Board |
| Stats | 12 installs, 6 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Network Access:
License verification via Gumroad API.
- Editor Types:figma
- Allowed Domains:
- https://api.gumroad.com
More Like This
Discover other plugins in the fonts-typography category.