Fontwise: Bulk Typography Fixes in Figma

Fontwise is a Figma typography plugin for bulk font replacement, mixed-font text editing, missing text style fixes, and 350+ pairing previews.

S
Saeef
· 9 min read
Fontwise

Key takeaways

  • 1Bulk replace fonts across a whole Figma file or a single page.
  • 2Handles mixed-font and mixed-style text nodes by updating specific text ranges.
  • 3Fixes missing text styles without leaving Figma.
  • 4Includes 350+ curated font pairings with previews before applying.

The Story Behind Fontwise

I built Fontwise because typography work in Figma often turns into repetitive, layer-by-layer editing. If you’ve ever tried to replace a brand font after a late decision, you know the pain: the file has dozens (sometimes hundreds) of text layers, and the “same” text style isn’t always implemented the same way.

The first version of my workflow was simple: find the font, swap it, move on. That worked until I ran into the cases that show up in real design files—especially when designers mix multiple fonts or text styles inside a single text node. In those situations, “replace the layer’s font” isn’t enough because only part of the text should change.

I kept hitting a second issue that’s easy to overlook early: text styles can drift. A team renames a style, deletes a style, or restructures a typography system. Suddenly, some layers reference styles that don’t exist anymore, and the document falls back to defaults. Fixing that manually is slow, and it’s easy to miss layers tucked inside components or nested structures.

What I wanted was typography management that behaves like a developer refactor: inspect what’s actually in the file, apply changes in bulk, and preserve what shouldn’t change. Fontwise scans your Figma file to see all fonts in use, then lets you replace or swap fonts file-wide or page-wide so you can control scope.

The mixed-font and mixed-style requirement is the part I’m most opinionated about. When a single text layer contains multiple font families or multiple text styles, Fontwise can identify and update the relevant text ranges individually. That turns a messy “do I have to retype this paragraph?” moment into a targeted fix.

Finally, I wanted typography exploration to stay inside Figma. When you’re evaluating new combinations, you shouldn’t have to export screenshots, test fonts elsewhere, and come back to update styles by hand. Fontwise includes 350+ curated font pairings with previews before applying them, so you can iterate faster without breaking your workflow.

The Problem Fontwise Solves

Typography cleanup in Figma is rarely a one-time task. Brand fonts change, design systems evolve, and teams update naming conventions for text styles. Even when the intent is consistent, implementation drifts: different contributors build components with slightly different font usage, and the file accumulates inconsistencies.

Bulk font replacement sounds straightforward until you hit mixed-font and mixed-style nodes. A single text node can contain multiple font families or multiple text styles. If you treat that node as if it’s uniform, you either overwrite formatting that should remain untouched or you end up with a partially updated block that still needs manual follow-up.

That follow-up is where teams lose time. Instead of one bulk action, you get a loop: replace some layers, check a section, discover a missed range, fix it manually, then repeat. The more complex the file, the more likely it is that the “last 10%” of typography work becomes the slowest part.

There’s also the issue of missing text styles. When a document references a text style that no longer exists, layers can fall back to defaults. From the outside, everything might look “close enough,” but small differences in weight, size, line height, or spacing can add up—especially in product UI where typography is part of hierarchy and usability.

Even teams that are good at process get stuck when exploring type pairings. Designers often need to try combinations quickly to find what works visually and in context. If the workflow forces you to leave Figma, you pay a round-trip cost: test, screenshot/export, compare, then re-apply changes manually.

Fontwise’s goal is to remove those bottlenecks: keep bulk operations precise, handle mixed nodes without forcing full-layer rewrites, repair missing style references, and support pairing exploration without breaking focus or context inside the design file.

What Fontwise Does

Fontwise is a Figma typography plugin designed to reduce repetitive type work. It scans your Figma file to see all fonts in use, giving you a clear picture of what’s actually present in the document. From there, you can replace fonts across the entire file or within a specific page—so you don’t have to update text layers one by one.

The core capability that differentiates Fontwise is mixed-font and mixed-style text editing. When a single text node contains multiple font families or text styles, Fontwise can identify and update the relevant text ranges individually. That means you can apply a bulk change while preserving the parts of the node that shouldn’t be touched.

Fontwise also supports bulk font swapping workflows. Instead of manually selecting each layer and changing its font, you can swap fonts at scale, which is especially useful when you’re migrating from one brand typeface to another or aligning multiple sections to the same typography rules.

In real documents, missing text styles are common after refactors. Fontwise includes missing text style fixes, helping you repair style references so typography behaves consistently across the file. That reduces the “why does this one heading look off?” debugging loop.

For teams that iterate on typography direction, Fontwise includes 350+ curated font pairings with previews before applying them. You can explore combinations directly in Figma and then apply the pairing without leaving your workflow or switching tools mid-task.

Built specifically for Figma, Fontwise keeps typography management close to the work where designers already spend their time: editing text layers, inspecting font usage, and updating styles inside the same environment.

  • File-wide and page-wide font replacement
  • Bulk font swapping
  • Mixed-font and mixed-style text support
  • Individual text range updates
  • Font usage overview
  • Missing text style fixes
  • 350+ curated font pairings
  • Font pairing previews
  • Built specifically for Figma

Getting Started with Fontwise

  1. Scan fonts used in your file

    Open your Figma design and run Fontwise to scan the document. You’ll get a font usage overview so you can see what fonts are actually present.

  2. Choose file-wide or page-wide scope

    Decide whether you want to replace fonts across the entire file or only a specific page. This keeps changes focused when you’re iterating on a section.

  3. Select the replacement or swap

    Pick the font you want to replace and the target font to use. Fontwise applies the change in bulk instead of requiring you to edit each text layer manually.

  4. Update mixed nodes by text range

    If a text node contains multiple font families or mixed styles, Fontwise identifies and updates only the relevant text ranges inside that node, preserving unaffected formatting.

  5. Fix missing styles and preview pairings

    Use missing text style fixes to repair broken style references. When exploring new typography direction, browse 350+ curated font pairings and preview them before applying.

Who Benefits Most

Design system maintainers

You manage shared typography rules and need fast cleanup when brand fonts or text styles change across many components and screens.

Product designers on large files

You inherit or assemble complex Figma documents where mixed-font and mixed-style nodes are common, and you need precise bulk edits.

Freelancers and small teams

You don’t have time for repetitive layer-by-layer corrections. Fontwise helps you update typography across a file or page with fewer steps.

Brand and typography explorers

You iterate on type pairings and want to preview curated combinations inside Figma instead of relying on external mockups.

Fontwise vs Canva, Figma & Sketch

Fontwise is built specifically for Figma typography workflows, especially when text nodes contain mixed fonts or mixed styles. Below is how it compares to common alternatives people reach for when they need to adjust fonts and type styles.

FeatureFontwiseCanvaFigmaSketch
Bulk font replacement scopeFile-wide or page-wide within FigmaTypically manual per element; bulk workflows vary by editor featuresManual updates across text layers; no dedicated mixed-node range replacementManual updates across text layers; mixed-node range editing depends on workflow
Mixed-font and mixed-style node handlingUpdates relevant text ranges inside mixed nodesNot designed for Figma mixed-node typography range updatesCore Figma editing doesn’t target per-range mixed-font text automaticallySketch workflows typically don’t provide per-range mixed-font range replacement in one step
Font usage overviewScans the file to list fonts in useFont inventory depends on project/export workflowsNo single built-in typography scan focused on replacementFont inventory depends on document inspection and plugins
Missing text style fixesSupports missing text style fixesStyle reference recovery depends on manual adjustmentsCore tooling doesn’t provide a dedicated missing style fix for bulk typographyMay require manual relinking or workflow-specific approaches
Curated font pairing previews350+ curated pairings with previews before applyingPairing suggestions exist but not specifically as curated typography previews for Figma nodesNo built-in curated pairing preview workflow for bulk applyPairing discovery typically requires external tools or manual testing

Real-world use cases

Design system update across a whole file

You decide to swap the primary brand font across an entire design system file. Fontwise scans all fonts in use and lets you replace them file-wide, so you’re not hunting individual text layers across components and screens.

Page-only typography cleanup before review

You’re preparing a single screen for stakeholder review and want to limit changes. Fontwise supports page-wide replacement, so you can update typography on that page without touching the rest of the document.

Mixed-font paragraph needs partial updates

A text node contains multiple font families or multiple text styles (common in rich text-like layouts). Fontwise updates only the relevant text ranges inside that node, preserving unaffected formatting within the same layer.

Repair missing text styles after refactors

After a text style rename or removal, some layers fall back to defaults. Fontwise’s missing text style fixes help restore consistent typography without checking every layer manually.

Explore new type pairings inside Figma

You’re testing a new heading/body combination. Fontwise provides 350+ curated font pairings with previews so you can evaluate options before applying them to your document.

Frequently asked questions

Try Fontwise

FontwiseBulk replace fonts across a whole Figma file or a single page.

Visit site
FigmaTypographyFontsDesign SystemsProductivityUiuxPlugins

Written by Saeef. Published September 13, 2026.

More from the blog

All articles