Typescale Generator

Key Features:

• Generate complete typography hierarchies with a single click

• Choose from industry-standard scale ratios (Minor Second to Golden Ratio)

• Apply pre-built type systems from leading design systems:

  • Material Design 3

  • Atlassian Design System

  • Shopify Polaris

  • IBM Carbon

Why you should use this plugin:

• Save the stress of Manual Work: Create consistent text styles across your entire project in seconds

• Professional Results: Each scale is mathematically calculated for perfect visual harmony

• Design System Ready: Includes carefully crafted presets matching popular design systems

• Flexible & Customizable: Adjust base size, scale ratio, and individual properties to match your needs

How It Works:

• Select a preset or choose your own scale

• Preview the complete type hierarchy

• Apply to your project with one click

• All styles are properly named and organized in your Framer project

The plugin automatically handles font weights, line heights, and letter spacing to ensure professional typography across your designs. Each text style is tagged appropriately (h1, h2, p, etc.) for proper semantic structure.