Top 10 Typography Figma Plugins
Good typography is good design. This collection of plugins for Figma will help you to improve the typography in your design.
1. Font Fascia
Font Fascia lists all font families and styles used in the document. It will help you to keep a tidy fonts collection by showing all the fonts used at a glance.
2. Typescales
Typescales allows you to quickly generate a simple typescale/modular scale. A modular scale is used to generate a visual rhythm in font sizes. Starting with a base-value, font-size increments and decrements from that size with a multiplier you set.
3. Typescale
Typescale allows you to quickly generate a modular scale for your typography. In a couple of clicks, you can transform a single line of text into a harmonious typographic scale based on your choice of ratio.
4. Fontpair
Fontpair will help you find good font pairs. It uses free Google fonts.
5. Font Picker
This plugin shows all available fonts in Figma (locally installed as well as default fonts) and works as an alternative to the default Figma font picker.
6. Fonts Changer
Font Changer allows you to change all fonts in your designs easily. Simply fonts you want to replace (old fonts), the new fonts, and click Replace.
7. Font Explorer
Font Explorer will help you test how your design looks with different fonts. With just one click, you can view your designs with multiple hand-picked quality fonts.
8. Text Prettier
Text Prettier promises to improve your typography and help you make your texts legible, readable, and appealing when displayed. The plugin can fix the following things — non-breaking space ( ) if necessary, dash and em dash ( — ) ( — ) correct usage, correct quotes, hanging punctuation (or pretexts), date and currency formats, and more.
9. Text Styles Generator
Text style generator allows bulk creation or update of local Text Styles based on the formatting of regular text layers. When you run the plugin on one or several text layers, it will check if there is a Local Text Style with the same name as the name of the text layer. And if Local Text Style with this name doesn’t exist, it would be created, based on text layer properties. But if Local Text style already exists, it would be updated, based on text layer properties AND renamed, based on text layer value.
10. Automatic Style Guides
This plugin prepares a presentable style guide from your local styles. Once you Press Automatic Style Guides > Generate Style Guide, the plugin will generate a new page called “Style Guide” has been added to your document.
Want to learn UX design?
Try Uxcel. Uxcel will help you learn and improve your design skills with interactive UX courses and skill tests built specifically for professional designers. You will get 25% off discount for the Pro Yearly subscription if join through this link.
This post contains affiliate link(s)
