TypeScale

About TypeScale

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:

  1. Configure your typography foundation in the "Configure" tab.

  2. Hit "Generate Text Styles".

  3. Your new hierarchy is ready to use in the Styles panel.

FIRST DROP Edition - Built for speed, designed for systems.