Typography Master

About this plugin

Scan your document to find all typography variations and potential existing styles in it.

Customize the resulting system to your liking - rename, replace or merge styles (external styles supported) - and let the plugin work for you.

It will create variables for the text styles and bind them to each other, as well as apply the newly created styles to the entire document. The correct variable scopes will be set as well.

After running the plugin you can greatly benefit from your system:

replace fonts and other variable-compatible properties across multiple styles via Figma's native variables.

Workflows

Fresh start - generate a typography system based on the typography variations in your document including variables and styles and apply to all corresponding text nodes.

Localize external styles - if you use external styles in your document, the plugin allows you to merge them into the document. This way all the properties and variables of the added styles will be available for you to edit.

Sync with external library - similar to the above, but the other way around. You can either try to merge your local styles into external ones, or replace those with external styles. All what is needed is that text nodes with the external styles are present in the document.

Fix existing library - even if you already have a library file with proper text styles, you might be missing the variables and binding to them. The plugin will recognize if you have existing styles and preserve them - and also create a variable collection and bind it to the styles.

Notes

Line height and Letter spacing will be added to variables at a later point - when variables of the type "percentage" will become available.