TypeScale Generator

About this plugin

TypeScale is the ultimate typography engine for modern design systems. Stop manually calculating font sizes—generate harmonious, mathematically precise type scales for both Desktop and Mobile viewports simultaneously.

⚡️ Features

1. Dual-Mode Generation: Create distinct type scales for Desktop and Mobile side-by-side.
2. Live Split-Preview: Visualize your type system instantly with a real-time preview pane that uses your selected font.
3. Figma Variables: Automatically generates Figma Variables (Floats) for your design tokens.
4. Smart Font Loading: Works with local fonts and auto-loads Google Fonts for previewing.
5. Beautiful Documentation: Outputs a clean, auto-layout ready typography specimen frame to your canvas.

🛠 How to use

1. Run the plugin.
2. Select a text layer to auto-detect the font, or type a font name manually.
3. Configure your scales (e.g., Major Third for Desktop, Minor Third for Mobile).
4. Toggle Create Variables and Create Styles.
5. Click Generate System.