Typescale Generator
Create consistent typography hierarchies in Framer using industry-standard scales and popular design system presets like Material Design 3, Atlassian, and IBM Carbon.
About this template
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.
Changelog
🎯 Stabilized scale ratio calculations for more consistent typography results
🎨 Updated plugin logo
More Plugins
All Plugins
Become a Framer Creator today
Sell templates, make referrals, and bring in clients. Keep 100% of your earnings.
