12 Best Figma Plugins for Typography and Fonts in 2026

Typography in Figma can feel like manual labor. You are setting scale by hand, hunting for a readable pairing, or replacing a retired brand font across a hundred frames. The native font picker is useful, but it does not solve the whole type system.

These 12 Figma plugins for typography and fonts cover the gaps. They handle modular type scales, font pairing, bulk replacement, curved type, and accessibility checks. All of them are free or have generous free tiers, so you can test them without spending a dime.

Why Typography in Figma Needs Plugins

Figma gives you strong text tools. But the default workflow still leaves a lot of repetitive work on your plate. The built in font picker shows available families, yet it does not give you the kind of side by side preview you want when comparing a display face against a body face.

You can set sizes, weights, and tracking by hand. But building a consistent hierarchy across multiple frames gets slow fast. I have lost entire afternoons to this kind of work, and it is not the kind of work that makes you a better designer.

A good figma typography plugin stack cuts that time down. Some plugins preview fonts on your actual copy, which helps you judge rhythm and contrast before you commit. Others generate a modular scale so H1, H2, body, and caption sizes stay mathematically related. Bulk replacement tools save hours when a client changes the brand font. Accessibility plugins make sure the type you love still meets contrast requirements.

The point is not to replace Figma’s text engine. It is to get from rough layout to a clean, scalable type system faster. And to reduce the risk of small inconsistencies, like a caption that is one point too large or a heading that lost its weight after a copy edit.

Font Discovery and Pairing

These three plugins help you find and evaluate fonts before you lock in a direction. A figma font pairing plugin is especially useful when you are starting a project with no brand type yet and you need something that works before you have something that is perfect.

1. Fontpair

Fontpair is a quick way to explore Google Fonts pairings without opening a separate browser tab. You filter by mood, type, or style, and it suggests combinations that tend to work well together. A pairing like Playfair Display plus Roboto is the kind of result you can drop into a Figma frame and test immediately.

I use it when I need a starting point, not a final brand decision. You will still adjust tracking, size, and line height after you place the pair in your layout. But it gets you past the blank page faster than scrolling through Google Fonts manually.

Best for: finding a display and body pairing fast, testing Google Fonts combinations, getting a starting point for brand type. Price: free

2. Better Font Picker

Better Font Picker replaces the standard Figma font selection experience with a more visual workflow. Instead of scanning a long alphabetical list, you preview weights and styles more clearly. That makes it easier to see how a family behaves at different sizes.

I like it for quick comparisons where the difference is subtle. A slightly tighter bold. A lighter medium weight. The kind of thing that is hard to spot in a dropdown but obvious when you can see the weights side by side at your actual body size.

Best for: comparing font weights in context, reducing picker fatigue, making faster decisions on a single family. Price: free

3. Font Explorer

Font Explorer works like a type sandbox. You preview local and system fonts on your own text, then adjust size, weight, and tracking to see how the face performs in real layout conditions. That is more useful than judging a font from a generic specimen, because your copy, line length, and spacing all affect readability.

It is a good fit when you already have a shortlist and want to see how each option behaves before applying it to the whole file. I keep it in my workflow for those “wait, let me check how this looks at 13px” moments.

Best for: testing installed fonts on real copy, comparing local typefaces, experimenting with tracking and size before applying a style. Price: free

Type Scale and Hierarchy

Once you have a direction, these plugins help you turn sizes into a system. They keep the hierarchy stable as your layout changes, which matters more than you think once the project grows past a few frames.

4. Typescales

Typescales is a classic figma type scale plugin. You set a base size and choose a multiplier, such as major third or perfect fourth, and it generates a full set of type sizes for your project. The result is a consistent ladder from caption to display.

I usually start with a body size that feels comfortable for the platform, then let the multiplier decide the heading sizes. That avoids the common mistake of guessing each size independently and ending up with a hierarchy that feels arbitrary.

Best for: building a modular scale, keeping heading and body sizes proportional, creating a repeatable type system for client work. Price: free

5. Font Scale

Font Scale focuses on the relationship between body text and headings. It is inspired by the type scale thinking popularized by Jeremy Church, and it helps you keep proportions stable when you change the base size.

Here is the practical scenario: a client asks for larger text. Your body moves from 14 to 16. Without a system, your headings jump randomly. With Font Scale, the ratios stay intact. You adjust the base, and everything else follows.

Best for: maintaining proportional headings, adjusting a type system without breaking hierarchy, working from a base body size. Price: free

6. Typestyles

Typestyles helps you apply global text styles across a Figma file. Instead of manually formatting every H1, H2, paragraph, and caption, you create a set of styles and reuse them throughout the project.

This is one of the simplest ways to keep a design consistent, especially when multiple people are working in the same file. It also makes handoff cleaner. Developers see named styles instead of a pile of local overrides, which cuts down on the “which size was this supposed to be?” questions.

Best for: enforcing H1 to H6 consistency, reducing manual formatting, keeping paragraph styles aligned across frames. Price: free

7. Textyles / Text Styles Generator

Textyles, also known as Text Styles Generator, is useful when your layout already has formatted text but no clean style system. It generates Figma text styles from existing text layers and helps you update them in bulk.

I use this after a long design session when I know the visual result is right but the underlying styles are not. The file looks good, but every text layer has its own local formatting. Textyles turns that mess into named, reusable styles without me retyping or restyling everything.

Best for: converting formatted text into reusable styles, updating text styles in bulk, cleaning up files before handoff. Price: free

Font Management and Effects

These plugins handle the messy parts of type: auditing, replacing, and bending. They are less about choosing fonts and more about keeping the file healthy as it grows.

8. Font Fascia

Font Fascia gives you a quick audit of the font families and weights used in a document. When a file has been edited by several people over several months, it is easy to end up with five close variations of the same typeface. This plugin shows you the full list so you can clean up unused weights.

It is a small tool with a big payoff. A clean font list makes the file easier to review, export, and maintain. I run it before every handoff, and it has caught more stray weights than I care to admit.

Best for: auditing font usage, finding unused weights, preparing a file for handoff or export. Price: free

9. Fonts Changer

Fonts Changer is the plugin to reach for when a brand changes its typeface. You select the old font, choose the new one, and replace it across the file. That saves a lot of tedious clicking, especially in large projects where the same font appears in dozens of frames.

It is also useful when you are testing a new brand font before committing to it. You can swap it in, see how it looks across the whole system, and swap it back if it does not work. No need to retype a single character.

Best for: bulk font replacement, rebranding projects, cleaning up files after a typeface change. Price: free

10. ARC - Bend Your Type

ARC - Bend Your Type adds curved and circular text to Figma, which the native text tool does not handle easily. It is useful for badges, logos, stamps, and other creative typography where the lettering needs to follow a path.

I use it for circular marks, event badges, and small brand moments where straight text would feel too flat. It is not a replacement for vector lettering, but it is fast for concept work and quick mockups. If you are designing a brand mark or a playful label, this saves you from building the effect manually.

Best for: circular logos, badge design, creative type that follows a curve. Price: free

Accessibility and Design Systems

The last two plugins help your type system survive real world use. They connect design decisions to accessibility standards and team workflow, which is where most type systems actually break down.

11. Stark

Stark is a strong accessibility plugin for Figma. It checks color contrast and typography against WCAG guidelines, which is especially important when your type is small, low contrast, or placed on busy backgrounds. It can also add annotations for handoff, so developers know exactly what needs to pass.

Stark works in Design, Dev Mode, and Slides. It has a free tier plus paid options for teams. I like using it near the end of a project, when the layout is close to final. It catches the small contrast issues that are easy to miss when you have been staring at the same screen for hours.

Best for: WCAG contrast checks, accessibility annotations, making type decisions that survive development. Price: freemium

12. Tokens Studio

Tokens Studio is where typography becomes part of a design system. You define type tokens for sizes, line heights, font families, and other text properties, then sync them with GitHub or GitLab.

This is useful when your team needs a single source of truth. A change in the token set propagates across the system instead of relying on someone remembering to update every file manually. It has a free plan and a Pro level for more advanced system work.

This is the plugin to consider when your typography is no longer just a file decision. It becomes a shared standard that designers and engineers can both rely on.

Best for: design systems, typography tokens, keeping type values synchronized across teams. Price: freemium

How to Install a Figma Plugin

Installing a Figma plugin is usually quick. Open your file, go to the Actions menu, search for the plugin name in Community, and choose Run. If you do not know the exact name, you can browse figma.com/community, but searching inside Figma is often faster.

Once installed, you can find the plugin in the Actions or Plugins menu, depending on your Figma version. A plugin runs a task inside Figma, while a widget is a persistent panel that stays open while you work. For typography, most of the tools above are plugins, so you run them when you need them and close them when you are done.

If a plugin does not appear, check the spelling and make sure you are in a file type that supports it. Some tools are limited to Design files, while others work in Dev Mode or Slides.

Building a Typography Starter Stack

If you only install a few plugins, start with a small stack that covers the core workflow.

• Typescales gives you a proportional size system
• Fontpair helps you choose a readable display and body combination
• Fonts Changer keeps rebranding pain under control
• Stark makes sure the final type is accessible

That is a practical baseline for most UI and brand projects. You can add Better Font Picker or Font Explorer if you spend a lot of time testing faces. You can add Tokens Studio when the project grows into a design system.

The goal is not to collect every figma font plugin. It is to remove the repetitive parts of typography so you can focus on layout, message, and craft. A good rule: install one plugin at a time and use it for a real project. That way you learn when it earns a place in your workflow instead of becoming another unused tool gathering digital dust.

Try Studio AI on Your Own Design

FAQ

Are Figma font plugins free? Most of the plugins in this list are free, which makes them easy to try without a purchase. Stark and Tokens Studio have paid levels, but both also offer free tiers that cover many solo designers and small teams.

Do Figma plugins work in FigJam or Dev Mode? It depends on the plugin. Some tools are built for Design files only, while others support Dev Mode or Slides. Stark is a good example of a plugin that works beyond the standard design canvas. Before relying on a tool, check the plugin page in Figma Community for supported modes and recent updates.

Can I use Google Fonts in Figma? Yes. Figma includes a large library of Google Fonts in its native selector, so you can use many of them directly. Plugins like Fontpair are helpful when you want to narrow down pairings instead of scrolling through the full list. If you are looking for more font direction, our best sans serif fonts and best serif fonts for UI design lists can also give you a useful starting point.

Conclusion

Typography in Figma does not have to be a slow, manual process. The right figma typography plugins can handle scale, pairing, replacement, curved type, and accessibility checks in one workflow.

Start with the starter stack above. Add tools only when you feel a gap in your process. Let your type system do the repetitive work for you, and spend your time on the decisions that actually make the design better.