Top 10 Typography Figma Plugins
source link: https://uxplanet.org/top-10-typography-figma-plugins-b17e291baa25
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Anatomy of a typeface. Image by Material Design.
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.
Recommend
-
9
Top 9 Figma plugins for the creativesPlugins helpful in creating and editing graphics within Figma instead of opening Adobe CC
-
8
10 Time-Saving Figma Plugins for 2021If you have ever a chance to look through the numerous ratings comparing the software for designers, you will probably find Figma at the top. But what makes it extremely popular? Free m...
-
3
-
5
Design Tools7 Figma Plugins that Save Your TimeThe best plugins for your UI Design projects.
-
5
8 Best Free Figma Plugins for Designers July 24, 2021 FigmaFigma is a great design tool and I like the ease of use it provides to the UX designe...
-
9
Useful Figma Plugins And Tools ...
-
5
Design Tokens Typography in Design Tokens for Figma and Code In this post I share what I've learn...
-
6
-
2
-
5
Top 12 Figma Plugins for UI/UX Designers in 2024I’ve collected 12 Figma plugins that I will use for projects in 2024. All of them deserve to be in your arsenal!
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK