Typescale Generator
A Framer plugin by Damola Akinleye that generates complete, mathematically calculated typography hierarchies with a single click.
About Typescale Generator
The Typescale Generator plugin creates typographic hierarchies from a base font size and selected scale ratio, or applies pre-built systems from Material Design 3, Atlassian Design System, Shopify Polaris, and IBM Carbon. Users select a preset or customize parameters, preview the resulting scale, and apply styles with one click, ensuring consistent, mathematically calculated typography across projects.
Plugin details
Select a preset or custom scale, preview the hierarchy, then apply the styles to the project.
Generate complete typography hierarchies from ratios spanning Minor Second to Golden Ratio or from established design-system presets.
The controls accept a base font size and scale ratio, with an optional Material Design 3, Atlassian, Shopify Polaris or IBM Carbon preset.
The generated styles are applied directly into the Framer project.
Open the plugin in Framer, choose a preset or scale, preview the hierarchy and apply the generated styles.
The Framer plugin is free to use.
Built something worth finding?
Submit a site, template, component or tool built with any stack. We will add it to the atlas.

