Best Figma plugins for typography and fonts
Font Replacer Ultimate is the most-used Figma typography plugin, with 152K users, because it swaps a typeface across every page and frame in a few clicks. For setting type up in the first place, Typescale (116K users) builds a modular scale from a single line of text.
Top 20 picks
Font Replacer Ultimate ๐ Swap change and replace fonts
#1 ยท 152K users
Quick answer
Our top picks
- #1
Most used
Font Replacer Ultimate ๐ Swap change and replace fonts
by Ilia Kolebaev
Font Replacer Ultimate swaps or replaces entire font families across all pages and artboards, which suits rebrands and inherited files. It runs in Figma Design and FigJam. It's free to install with in-app purchases, so check what the free version covers before a big file.152K 445Free + paid - #2
Best for type scales
Typescale
by Sam Smith
Typescale turns a single line of text into a modular type scale based on the ratio you pick. It's free and quick for exploring how a scale feels at different ratios. It generates text layers, so you still create styles or variables from the result.116K 1.6KFree - #6
Best for documenting type
Typography Style Guide Generator
by Jan Gugler
Typography Style Guide Generator reads your local text styles and builds a style guide page from them. It's designed for teams using Tailwind-style names such as Heading / L / Regular. It's free, but other naming schemes may need tidying afterwards.34K 485Free
The full list
The 20 most-used Figma plugins for typography
- 01
Font Replacer Ultimate ๐ Swap change and replace fonts
Replace fonts through all pages and artboards
Free + paid ยท 445 likes
152K445Free + paid - 02116K1.6KFree
- 03
96K1KFree - 04
39K314Free - 05
Font Collections: Google Fonts, Variable Fonts, & Pairing
Font Management, Font Pairs and Typography
Free ยท 309 likes
36K309Free - 06
Typography Style Guide Generator
Automatically generate text style guides based on your defined local text styles.
Free ยท 485 likes
34K485Free - 07
Uwarp Font Replacer
Easily replace fonts, swap font families, and batch change typography
Free ยท 409 likes
27K409Free - 08
Text Styles Creator
Automate text style creation and management in Figma for a smoother design workflow.
Free ยท 250 likes
26K250Free - 09
17K73Free - 10
17K261Free - 11
Fix San Francisco
Easily apply the correct tracking based on font size for SF Pro and New York texts!
Free ยท 209 likes
15K209Free - 12
The good line-height
Find the perfect line-height for any text and grid combination.
Free ยท 413 likes
11K413Free - 13
Font changer
Simplify font management and enhance design efficiency with Font Changer.
Free ยท 77 likes
9.5K77Free - 14
TypeBalance
Get perfect letter-spacing & line-height automatically, using AI (ML algorithms)
Free ยท 470 likes
8.9K470Free - 15
Japanese Font Mixer
ๅๆฌงๆททๆคใใใๆใ่คๆฐใใฉใณใใฎ่จญๅฎใ็ฐกๅใซใใใใฉใฐใคใณใงใ
Free ยท 273 likes
8.8K273Free - 16
7.4K31Free - 17
7.1K85Free - 18
Peppercorn
Easily generate a flexible, harmonious and responsive type scale for balanced, beautiful typography.
Free ยท 404 likes
6.9K404Free - 19
6.4K54Free - 20
Text Styles to Variables
Turn local text styles into reusable variables with seamless binding.
Free ยท 76 likes
5.7K76Free
Buying guide
What to look for
Most type work in Figma happens in text styles and, more and more, in variables, which can hold font family, weight, size, line height and letter spacing and switch them with modes. Plugins help at the edges: generating a scale, creating dozens of styles at once, documenting them, or converting styles to variables.
Two niche tools in the list are worth knowing. Fix San Francisco applies Apple's size-specific tracking for SF Pro and New York, and Japanese Font Mixer sets up mixed Japanese and Latin fonts. If your copy runs in several languages, the translation plugins help test text length.
- 01
Scope of a font swap
Check whether replacement covers all pages, text styles and component main layers, or only the current selection. Missing a style means the old font comes back on the next instance.
- 02
Scale settings
A type scale plugin should let you choose the ratio, base size, rounding and line height, not just multiply sizes.
- 03
Styles and variables output
The useful plugins write real text styles or variables with names that match your system, rather than loose text layers.
- 04
Documentation
Teams need a type specimen page. Generating it from local styles keeps it in sync with what designers actually use.
FAQ
Frequently asked questions
How do I replace a font throughout a Figma file?
Update your text styles first, since every layer using them changes at once. For text that isn't styled, a plugin like Font Replacer Ultimate or Uwarp Font Replacer swaps fonts across all pages.
How do I create a type scale in Figma?
Choose a base size and ratio, then generate sizes from it. Typescale and Peppercorn do the maths and lay out the scale, and Text Styles Creator helps turn the result into styles.
Can I use variables for typography in Figma?
Yes. String and number variables can drive font family, weight, size, line height and letter spacing, so modes can switch between, say, compact and default type. Text Styles to Variables converts existing styles. See our variables and tokens plugins for more.
How do I use Google Fonts in Figma?
Google Fonts are available in Figma without installing anything. To browse pairings and variable fonts, Font Collections organises Google Fonts and suggests pairs.
How do I pick a line height in Figma?
Line height depends on font, size and your baseline grid. The good line-height calculates a value for a given text and grid combination, and TypeBalance suggests letter-spacing and line-height automatically.
Keep exploring
Related lists and guides
Accessibility
accessibility and WCAG checks
See the top picks
Translation
translation and localisation
See the top picks
Effects & Textures
noise, texture, glass and shadow effects
See the top picksGuides
- Why Are My Fonts Not Showing in Figma?Local fonts missing in Figma? Check the font installer and Chrome's Local network access permission, restart FigmaAgent, then replace missing fonts in the file.
- How Do You Scale Text to Fit a Container in Figma?Dragging a text box in Figma resizes the box, not the type. Press K for the Scale tool to scale text in proportion, or use resizing modes and truncation to fit.
- Why Can't I Edit Text in Figma?Can't edit text in Figma? Check your seat and can edit access, unlock the layer, edit component text through a text property, and fix missing fonts. Fixes here.
- How to Add a Font to FigmaAdd a font to Figma: install the .TTF or .OTF file, restart the desktop app or use the font installer in a browser, or upload it to your account for every file.
- How to Add Bullet Points in Figma TextAdd bullet points in Figma with โโง8, numbered lists with โโง7, or type - or 1. then a space. Indent up to five levels with Tab and remove a list with No list.
- How to Curve Text in FigmaCurve text in Figma with the Text on a path tool: hover a vector path, click and type. Drag the blue handle to move the start, or flip text to the other side.