Beautiful Type

About this plugin

Beautiful Type helps you create systematic typography scales for your design system. Generate professional type hierarchies with mathematical precision, automatically creating Figma variables and text styles.

Key Features

1. Create five typography groups: Display, Heading, Body, Label, and Custom
2. Configure your scale: Choose a base size, ratio, steps, and line height
3. Pick your fonts: Select a font family and style (font variations not available)
4. Fine-tune before generating: Manually override any size or line height (click the pencil icon)
5. Generate scoped variables: Automatically creates variables in a `Typography` collection for size, weight, line-height, and family
6. Bind text styles to variables: Creates text styles organised as Group/Weight/Size (e.g., 'Body/Regular/M')
7. Visual specimen: Generates a tidy typography specimen on a dedicated 'Typography' page
8. Variable modes support: Add variable modes (e.g., Desktop, Mobile) and write values to each mode without overwriting others

Perfect for designers building design systems who want consistent, scalable typography with proper variable integration.

Made with ❤️ for better typography in Figma