Back to Plugins
Typography style generator

Typography style generator

Instantly generate perfectly linked typography type scales and local text style tokens directly on y

Plugin Preview

Typography style generator preview

About this plugin

Say goodbye to the tedious, manual setup of typography systems. The Typography Style Generator builds a complete, production-ready typographic scale in seconds completely mapped to local style tokens without breaking your sidebar panel links.Simply type in any locally installed or system font family name, hit generate, and let the plugin do the heavy lifting.KEY FEATURES• Zero Overrides, Pure Deep Links: Canvas text layers are natively tied to their corresponding local text style tokens. No overridden parameters, no hidden styles just a clean link straight to your design system panel.• Automated Spec Sheets: Generates an organized, visual vertical auto-layout grid mapped across standard sizes (Display 2xl down to Text xs) and weights (Regular, Medium, Semibold, Bold).• Smart Font Matching Engine: Misspelled a font or missed proper capitalization? The built-in engine auto-corrects input names against available system fonts to prevent loading failures.• Clean Spec Namespaces: Automatically creates clean, grouped design tokens using standard naming conventions (e.g., Font Family / Size / Weight) for clean developer handoffs.HOW TO USE IT1. Open the plugin from your actions or plugins menu.2. Type your target font family name (e.g., "Inter", "Roboto", "SF Pro").3. Click "Generate Styles".4. Watch the system generate your visual spec sheet and inject all local style tokens into your Typography sidebar instantly.Built for product designers, design system engineers, and UI specialists looking to skip the busywork and ship faster.

Plugin Details

Version1
CreatedJune 9, 2026
Last UpdatedJune 12, 2026
Categoryfonts-typography
CreatorAbdul
Stats1 installs, 0 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none