Beautiful Type – Type Scales

Set a base size, a ratio and how many steps you want. Beautiful Type turns that into Figma variables, text styles bound to them, and a specimen page.

What you get:

Variables for size, line height, weight and family in a Typography collectionText styles bound to them, named Group/Weight/SizeA specimen frame on its own pageVariable modes: Desktop, Mobile, or whatever you name themSelect a specimen and press Pull to load that scale back into the panel. Editing a scale no longer means editing variables by hand.

Editorial Proofs, letting you preview and generate responsive, full-page typography compositions for every variable mode at a custom frame width.

Any single size or line height can be overridden without breaking the rest of the scale, and the override carries through into the generated variables.

Made with ❤️ for better typography in Figma