Type Scale Generator

About this plugin

Setting up typography from scratch on every new project is slow and inconsistent. Type Scale Generator helps designers and agencies build a complete type scale in seconds, and push it directly to Figma as text styles and variables.What it doesPick a base size, choose a modular ratio, and the plugin generates a complete scale with semantic step names (xs through 4xl). Line heights and letter spacing are auto-calculated, and a live specimen preview lets you evaluate hierarchy before applying anything.Apply to FigmaCreate text styles and variables in one click. Single mode gives you a standard variable set. Multi-device mode generates separate Desktop and Mobile values, automatically bound to your text styles so switching modes on a frame updates all type instantly.Style guideGenerates a polished typography reference frame directly on your canvas. With multi-device mode, you get two frames side by side, one for Desktop and one for Mobile.Token exportCopy your scale as CSS custom properties, SCSS variables or JSON design tokens, ready for developer handoff.Built forFreelancers and agencies who start new client projects regularly and need to set up design system foundations fast.Early accessAll features are currently free. A Pro plan is coming soon and will cover multi-device variables, automatic variable binding to text styles, per-step typography overrides, and dual style guide generation. All other features will remain free forever. Existing users will be notified before anything changes.Part of the Design Foundations Kit, a suite of Figma plugins for setting up design system foundations. Color Scale Generator and Surface Foundations Generator coming soon.