TypeGrid

Streamline typography with typescale previews, text styles, and a consistent baseline grid.

Plugin Preview

TypeGrid allows you to:

Generate a typescale: Choose your base font size, ratio, and number of steps, and the plugin instantly creates a preview of your typescale.
Apply a baseline grid: Set your baseline unit and rounding mode, and the plugin ensures your text layers align perfectly to the grid.
Create text layers: With a single click, generate text layers for each step in your typescale, automatically named and styled.
Create text styles: Generate Figma text styles for each step in your typescale, making it easy to apply consistent typography throughout your design.
Preview with custom fonts: See how your typescale looks with any font installed on your system, including different weights.
Fine-tune your settings: Adjust your typescale and baseline grid settings in real-time to get the perfect look for your design.
Save time and ensure consistency: Automate the tedious process of creating and managing typescales and baseline grids, saving you time and ensuring consistency across your designs.