TypeScale
Generate a perfectly balanced typography scale for your Framer projects. Set your base size, choose a ratio, and instantly create organized Text Styles with custom prefixes and folders. Stop guessing, start scaling.
The Essential Typography Companion for Framer.
TypeScale is a precision micro-tool designed to eliminate the tedious manual setup of typography systems. Whether you are starting a new design system or polishing a landing page, TypeScale provides the mathematical foundation for professional type hierarchy.Key Features:
Instant Scale Generation: Choose from classic ratios (Golden Ratio, Perfect Fourth, etc.) or set your own.
Full Control: Customize base size, line height, and naming prefixes (e.g., "Desktop", "Mobile").
Automatic Organization: Styles are automatically grouped into folders to keep your Assets panel clean.
Unit Flexibility: Toggle between PX and REM units seamlessly.
Clean UI: Built to feel native to Framer with full Dark and Light mode support.
How to use:
Configure your typography foundation in the "Configure" tab.
Hit "Generate Text Styles".
Your new hierarchy is ready to use in the Styles panel.
FIRST DROP Edition - Built for speed, designed for systems.
Details
Roman Skuplík
