How to Add Fonts to Figma — Install, Import & Change Font Size

“I installed the font, but Figma doesn’t show it.” “Where do I even add a font in Figma — there’s no Import button.” “The font works on my desktop but my teammate in the browser sees a different one.” Adding fonts is one of the first walls people hit in Figma, because it works differently from most design tools: there is no font-import dialog inside the editor. Fonts reach Figma through a few distinct routes, and knowing which route you’re on solves most of the confusion.

This guide covers every route in order of effort: Google Fonts (zero setup) → installing local fonts → importing Adobe Fonts → uploading custom fonts on Organization plans. Then it covers the everyday task that follows — changing font size, including several layers at once — and the font pitfalls to expect when your file comes from an Adobe XD migration.

What you’ll get from this article

  • The three routes fonts take into Figma, and which one fits your case
  • Step-by-step: installing a downloaded font so Figma can use it (desktop and browser)
  • How Adobe Fonts and Organization custom fonts fit in
  • Fast ways to change font size — single layer, multiple layers, shortcuts
  • Why fonts go missing after an XD → Figma migration, and what to do about it

🗺️ The three ways to add fonts to Figma

Almost every font you can use in Figma arrives through one of three main routes:

RouteSetup neededBest for
1. Google FontsNone — preloaded in FigmaShared files, cross-platform teams, quick starts
2. Local fontsInstall on your OS (+ Figma font installer for the browser)Purchased fonts, foundry fonts, system fonts
3. Adobe FontsActive Adobe plan + activationTeams already on Creative Cloud
(4.) Custom font uploadOrganization / Enterprise planCompany-wide brand fonts

The fourth row is a special case of “local fonts solved at the team level” — covered in its own section below.

🎁 Add fonts from Google Fonts (no setup)

Figma ships with the Google Fonts library preloaded. Open the font picker in the text settings and the Google Fonts catalog is already there — no download, no installation, nothing to configure.

This route has one underrated advantage: everyone who opens the file sees the same thing. A Google Font renders identically in the browser version and the desktop app, on macOS and Windows, for you and for every collaborator. That makes it the safest default for shared files.

When in doubt, start with Google Fonts

If your project doesn’t require a specific licensed typeface, picking from Google Fonts eliminates an entire class of problems — missing fonts for teammates, browser-vs-desktop differences, and license questions. Move to the other routes when a brand or purchased font requires it.

💾 How to install fonts in Figma (local fonts)

“Installing a font in Figma” actually means installing the font on your operating system — Figma then picks it up from there. The flow for a font you’ve downloaded (from a foundry, a marketplace, or a free-font site):

  1. Download the font files. You’ll typically get .ttf or .otf files, often inside a ZIP.
  2. Install them on your OS.
    • macOS: double-click the font file and choose Install in Font Book.
    • Windows: right-click the font file and choose Install (or drag it into Settings → Fonts).
  3. Restart or reload Figma. Restart the desktop app, or reload the browser tab.
  4. The font now appears in Figma’s font picker, listed alongside everything else.

Browser version? One extra tool is required

The desktop app reads your installed fonts directly — steps above are all you need. The browser version cannot see local fonts on its own: you must install the Figma font installer (also called FigmaAgent), available from Figma’s official Downloads page. Without it, locally installed fonts simply won’t appear in the browser’s font list.

If a font still doesn’t show up after installing, the cause is usually one of a few known ones — a missing reload, the font installer not running, or a file-format issue. The fonts not showing guide walks through the fixes symptom by symptom.

🔤 How to import fonts into Figma from Adobe Fonts

There is no direct “Adobe Fonts” tab inside Figma, but the route is simple: Adobe Fonts activation works like a local font install.

  1. With an active Adobe plan, activate the fonts you want in Adobe Fonts (via Creative Cloud).
  2. Activated fonts are registered on your system, the same way installed fonts are.
  3. Figma picks them up — directly in the desktop app, or through the Figma font installer in the browser version.

This is worth knowing for XD users in particular: if your XD designs were built on Adobe Fonts, activating the same families before opening the migrated file in Figma prevents a wave of missing-font warnings.

🏢 Upload custom fonts (Organization / Enterprise)

Figma’s Custom Fonts feature (officially “Upload custom fonts to an organization”) lets an admin upload font files once and make them available to everyone in the organization — no per-machine installs, identical rendering in browser and desktop.

The catch: it’s available on Organization and Enterprise plans only — not Starter or Professional. If your team is on those plans and shares licensed brand fonts, this is the cleanest route; check the conditions, upload steps, and supported formats in Figma’s official Custom fonts help article. For smaller teams, the practical equivalent is “everyone installs the same font locally” — which works, but requires each member to do it.

🚀 Fonts intact when migrating from XD — Pixel Fine Converter

The Free tier includes font resolution and baseline correction for migrated text. Convert your own file and judge the quality before deciding.

📏 How to change font size in Figma

Once the font is available, the most common day-to-day operation is changing its size. The options, from simple to batch:

  • Single layer. Select the text layer and set the size in the Typography section of the right-hand panel. Selecting part of the text with the text cursor changes only that part.
  • Multiple layers at once. Shift-click or drag-select several text layers — the size field in the panel now applies to all of them. This is the quickest “make everything bigger” move.
  • Keyboard shortcut. With text selected, decrease / increase font size with Shift + Cmd + < / > (macOS) or Shift + Ctrl + < / > (Windows). Note that key combinations can vary with keyboard layout.
  • Same-font bulk edits. To restyle every layer using a particular font, use Figma’s select-same helpers (Edit menu → select all with the same font) and change the size once.

For recurring sizes, define text styles so a size change in one place updates every layer using the style — that’s the maintainable version of bulk size editing. For renaming-scale operations across a whole file (changing every font, not just sizes), see the bulk font change guide.

🖥️ Browser version vs desktop app — where fonts differ

Almost every “the font isn’t there” report traces back to this difference:

  • Desktop app: reads OS-installed fonts directly. Local fonts, Adobe Fonts activations, and Google Fonts all appear with no extra tools.
  • Browser version: Google Fonts work out of the box; local fonts (including Adobe Fonts activations) require the Figma font installer. No installer, no local fonts — and Figma silently falls back instead of erroring.

If your team mixes both, prefer fonts everyone can resolve (Google Fonts, or org-level custom fonts) for shared files. A file that depends on one designer’s locally installed font will substitute for everyone else.

🔄 Fonts when migrating from Adobe XD

Migrated files add one more thing to watch in font management: every text layer in the XD file references a font by name, and that reference has to resolve correctly on the Figma side.

  • If the font is available (installed locally, activated via Adobe Fonts, or a Google Font), the text lands with its original family.
  • If it isn’t, Figma flags missing fonts and substitutes — and substitution can shift metrics, weights, and line breaks across the whole file.

The practical order of operations: add the fonts to Figma first (using whichever route above fits), then import the design. For CJK text the stakes are higher still — substitution can land on the wrong regional glyph shapes; the CJK fonts guide covers that angle, and the Japanese text fidelity guide goes deep on how conversion accuracy is verified. Pixel Fine Converter reads the XD file directly and resolves fonts and baselines as part of the conversion, so migrated text needs less manual cleanup.

💬 FAQ

Q: Why doesn’t my installed font show up in Figma? Most often: the browser version without the Figma font installer, or Figma wasn’t reloaded after the install. Install the font installer (browser) or restart the app (desktop), then reload. If it still doesn’t appear, see the fonts not showing guide.

Q: Can I add a font to Figma without installing it on my computer? Yes — three ways: pick it from Google Fonts (preloaded), activate it via Adobe Fonts (with an Adobe plan), or have an admin upload it as an organization custom font (Organization/Enterprise plans).

Q: Do fonts I add appear for my teammates too? Only Google Fonts and organization custom fonts are automatically shared. A locally installed font is visible only on machines that have it — teammates without it will see a missing-font notice and a substitute.

Q: How do I change the font size of many text layers at once? Select multiple text layers and edit the size field once, or use Edit → select all with the same font for font-wide sweeps. For systematic control, move recurring sizes into text styles.

Q: My fonts were fine in XD but broke after moving to Figma. Why? The migrated layers reference fonts that aren’t available in Figma yet. Add the fonts first (install locally / activate in Adobe Fonts), then re-import — or use a migration-focused converter that resolves fonts and baselines during conversion.

🎯 Recap

Adding fonts to Figma comes down to picking the right route and knowing the one browser-version catch:

#PointWhat to do
1Default to Google FontsZero setup, renders the same for everyone — the safest shared-file choice
2Local fonts = OS installInstall on macOS/Windows, reload Figma; desktop app needs nothing else
3Browser needs the font installerLocal and Adobe fonts won’t appear in the browser without FigmaAgent
4Share fonts at the right levelOrg custom fonts for company brand fonts; otherwise everyone installs the same files
5Fonts before migrationAdd the fonts first, then import the XD design — substitution is harder to undo than to prevent

Get the route right and fonts in Figma become a one-time setup instead of a recurring mystery. And if your file history starts in Adobe XD, preparing the fonts carefully before the move is a reliable way to keep the conversion safe.

🚀 Install Pixel Fine Converter from Figma Community

One-click install from Figma Community