Typosys

About this plugin

Typosys is a Figma plugin designed to simplify and accelerate the creation and management of typography systems.

By selecting a base font and size, you can effortlessly generate styles that scale proportionally. The plugin supports custom naming, font faces, weights, sizes, line heights, and letter spacing. It also introduces a multi-dimensional mode system, allowing you to tailor styles for specific devices like desktop, tablet, and mobile. Once completed, the styles are imported into Figma, fully linked to dynamically generated variable collections.

Benefits

1. Faster workflow: Set up your typography system in minutes.
2. Consistent scaling: Styles are proportional to the base size for a cohesive design.
3. Flexibility: Each style can be individually customized.
4. Device-specific optimization: Use modes to adjust styles for different screen sizes.
5. Variable integration: Styles are automatically connected to dynamic Figma variable collections.

Key Features

1. Base font and size selection
2. Proportional typography style generation
3. Customizable font face, weight, size, line-height, and letter-spacing
4. Mode-based dimensions (Desktop, Tablet, Mobile)
5. Automatic variable generation and linking
6. One-click import