Typosys
Streamline your typography system in seconds.
Plugin Preview
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.BenefitsFaster workflow: Set up your typography system in minutes.Consistent scaling: Styles are proportional to the base size for a cohesive design.Flexibility: Each style can be individually customized.Device-specific optimization: Use modes to adjust styles for different screen sizes.Variable integration: Styles are automatically connected to dynamic Figma variable collections.Key FeaturesBase font and size selectionProportional typography style generationCustomizable font face, weight, size, line-height, and letter-spacingMode-based dimensions (Desktop, Tablet, Mobile)Automatic variable generation and linkingOne-click import
Plugin Details
| Version | 3 |
|---|---|
| Created | November 18, 2024 |
| Last Updated | November 25, 2024 |
| Category | editing & effects plugins |
| Creator | Roland Hidvegi |
| Stats | 16 installs, 6 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://fonts.googleapis.com
- https://fonts.gstatic.com
- https://roland-hidvegi.com
- https://www.googleapis.com
More Like This
Discover other plugins in the editing & effects plugins category.