How to Add New Fonts to Figma on Mac

How Do You Add New Typefaces to Figma Workspace on Mac?

If you've ever opened a Figma file only to see a missing font warning, you already know the frustration. Adding new typefaces to Figma workspace on Mac is simpler than most designers expect, but the process does require a few deliberate steps. The good news: once the font lives on your system, Figma picks it up automatically.

Figma for Desktop reads fonts directly from macOS Font Book. There is no internal font manager inside Figma itself. This means the entire installation happens at the operating system level, and Figma simply inherits whatever typefaces your Mac already recognizes.

What Exactly Happens When You Install a Font on macOS?

When you install a font file whether it's a .ttf, .otf, or .woff macOS registers it in the system font directory. Figma's desktop app polls that directory and makes every installed font available in the text panel. The browser version of Figma works differently; it relies on the Figma Font Helper, a small background service that bridges your local fonts to the web app.

This distinction matters. If you only use Figma in a browser, a locally installed font will not appear until the Font Helper is running. The desktop app skips this layer entirely, which is why most Mac-based designers prefer it for typography-heavy work.

When Should You Install Fonts Manually vs. Using a Manager?

For one or two fonts, manual installation through Font Book is perfectly fine. Double-click the font file, click "Install Font," and you are done. However, if you manage dozens of brand typefaces across multiple client projects, a dedicated font manager like FontBase, RightFont, or Suitcase Fusion gives you activation and deactivation controls that keep your system clean.

Font managers also handle font conflicts a common issue when two versions of the same typeface exist on your Mac. Without a manager, macOS may load the wrong version, causing unexpected weight or spacing changes inside Figma.

Step-by-Step: Adding New Typefaces to Figma Workspace on Mac

Method 1 Manual Installation

Download the font file from a trusted source (Google Fonts, Adobe Fonts, or a licensed vendor).
Locate the downloaded .zip file and double-click to extract it.
Double-click the .ttf or .otf file. A preview window opens.
Click "Install Font" in the bottom-right corner.
Open (or restart) Figma Desktop. The new typeface now appears in the font dropdown.

Method 2 Drag into Font Book

Open Font Book from Applications or Spotlight.
Drag the font file directly into the Font Book window.
Confirm the installation when prompted.
Restart Figma if it was already running.

Method 3 Using Adobe Fonts (Synced Fonts)

If you have a Creative Cloud subscription, activate fonts through the Adobe Fonts website. Once synced, those fonts become available system-wide including inside Figma Desktop. No manual file handling is needed.

Common Mistakes and How to Fix Them

Font installed but Figma does not show it. Quit Figma completely (Cmd + Q) and relaunch it. Figma loads its font list at startup, so a simple restart resolves this in most cases.

Browser version of Figma still cannot find the font. Make sure the Figma Font Helper is installed and running. You can check this in your system tray or download it from Figma's official font installation page.

Wrong font version appearing in Figma. Open Font Book, search for the typeface, and look for duplicate entries. Right-click any outdated version and select "Remove." Keep only the version you intend to use.

Fonts not syncing across Figma team files. Every team member must install the same font locally. Figma does not embed font files into projects; it relies on each user's local system to render text.

Tailoring Your Font Choices to the Project

Not every typeface suits every context. A condensed sans-serif works well for dashboards and data-heavy interfaces, while a humanist serif adds warmth to editorial layouts. Consider these factors before installing:

Project type: UI design, branding, or print each demands different typographic qualities.
Weight range: Choose typefaces with at least four to six weights for design flexibility.
License scope: Verify that the font license covers your intended use (web, app, commercial).
Character set: If your project involves multilingual content, confirm the font supports the necessary glyphs and diacritics.

Quick Checklist Before You Start Your Next Figma Project

Download fonts from a verified, licensed source.
Install using Font Book or your preferred font manager.
Restart Figma Desktop after installation.
If using Figma in a browser, confirm the Font Helper is active.
Check for duplicate font versions and remove outdated entries.
Share the exact font name and source link with collaborators so everyone stays in sync.

Adding new typefaces to Figma workspace on Mac takes less than two minutes per font. The real investment is in choosing the right typeface for your project one that balances aesthetics, readability, and licensing. Get that decision right, and the installation itself becomes the easiest part of the process.

Try It Free