Best Figma plugins for typography and fonts
Better Font Picker is the most-used Figma typography plugin, with 485K users, though it hasn't been updated since 2019. Among maintained tools, Font Replacer Ultimate (166K users) swaps a typeface across every page and frame in a few clicks, and Fonts Changer (217K users) does the same across a selection, including text with mixed fonts. For setting type up in the first place, Typescale (120K users) builds a modular scale from a single line of text.
Top 21 picks
Font Replacer Ultimate ๐ Swap change and replace fonts
#1 ยท 166K users
Quick answer
Our top picks
- #8
Best for swapping fonts
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.166K 470Free + paid - #10
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.120K 1.7KFree - #21
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.37K 505Free
The full list
The 21 most-used Figma plugins for typography
- 01
Better Font Picker
Free ยท 6K likes
485K6KFree - 02
Typescales
Free ยท 5.2K likes
315K5.2KFree - 03
265K1.5KFree + $4/mo - 04
Chinese Font Picker
Free ยท 5.7K likes
222K5.7KFree - 05
218K2.4KFree - 06
Fonts Changer
Replace font families and styles across your selection, even text with mixed fonts.
Free ยท 1.3K likes
217K1.3KFree - 07
182K3.5KFree - 08
Font Replacer Ultimate ๐ Swap change and replace fonts
Replace fonts through all pages and artboards
Free + paid ยท 470 likes
166K470Free + paid - 09
131K1.2KFree - 10120K1.7KFree
- 11
116K1.3KFree - 12
111K1.2KFree - 13
SBOL Typograph
ะัะฟัะฐะฒะปะตะฝะธะต ะธ ัะพัะผะฐัะธัะพะฒะฐะฝะธะต ัะตะบััะฐ ะฝะฐ ะพัะฝะพะฒะต ะฟัะฐะฒะธะป ัะธะฟะพะณัะฐัะธะบะธ. ะัััะพะตะฝะฝัะน ะัะธะบะฐัะพั.
Free ยท 2.2K likes
102K2.2KFree - 14
98K1KFree - 15
FontScanner
Audit every font, weight & size in your file. Select matches or see which pages use them.
Free ยท 601 likes
83K601Free - 16
Change Font
Change fonts using the quick actions bar (with font preview thumbnails) in Figma and FigJam
Free ยท 476 likes
76K476Free - 17
Text Prettier
This plugin improve your typography and helps you make your texts legible and readable
Free ยท 1.1K likes
62K1.1KFree - 18
Japanese Font Picker
Free ยท 931 likes
60K931Free - 19
Font Viewer
Free ยท 418 likes
55K418Free - 20
42K728Free - 21
Typography Style Guide Generator
Automatically generate text style guides based on your defined local text styles.
Free ยท 505 likes
37K505Free
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.