Add a font to Figma

Who can use this feature

Available on any plan

By default, Figma includes Google fonts and Apple fonts in files. You can access additional fonts by installing them on your computer.

Flowchart illustrating steps to use custom fonts in Figma: download, install to font manager, install font helper, and use in Figma.

1. Download and install the font files

Figma supports .TTF and .OTF font files. Downloaded fonts often come compressed in .zip folders. In one .zip folder, you might find several variations on the same font, such as "regular" or "heavy". 

The process to install a font varies depending on your computer:

  • Mac: On Mac, installed fonts are added to the Font Book. For instructions on installing fonts, visit the Install and validate fonts in Font Book on Mac article on Apple’s Help Center.
  • Windows: On Windows, installed fonts are added to the Fonts folder. For instructions on installing fonts, visit the Add a font article on Microsoft’s Help Center.

Note: Figma does not support additional fonts for computers running ChromeOS or Linux. Chromebook and Linux users can only use Google fonts and available Apple fonts (SF Pro and SF Compact), which are available by default in Figma.

2. Install the Figma font installer (web browser users only)

If you access Figma via your web browser, you must install the Figma font installer, also known as the FigmaAgent, before you can access additional fonts in Figma. 

If you’re using the Figma desktop app, you can skip this step. The desktop app includes the Figma font installer.

Note: The Figma font installer, FigmaAgent, has no interface to open. It runs silently in the background, automatically detecting fonts already installed on your computer and making them available in Figma.

Behind the scenes, FigmaAgent runs an HTTP and HTTPS server on localhost. It only allows connections from figma.com and isn't exposed to the public internet.

You may see events related to the FigmaAgent in your console log or when monitoring activity on your computer. The loopback address for localhost resolves to 127.0.0.1.

You can uninstall the Figma font installer at any time, but doing so will remove access to your local and Adobe fonts in Figma.

3. Use your font in a design file

After installing the Figma font installer, reload any open design files in your browser or restart the Figma desktop app to use your new fonts. 

To find fonts installed by you: 

  1. Open a Figma Design file.
  2. Create or select a text layer.
  3. Open the Font menu in the right sidebar.
  4. Open the filter dropdown, choose Installed by you, then search for your font.

Note: If you’re working with others in the same file, make sure everyone has the same font styles installed. If someone uses a font style that you don’t have access to, you’ll receive a missing font error. 

Font selector dropdown showing "Installed by you" filter with "Inter" highlighted in Figma's typography panel.

Troubleshooting resources

If you're running into issues with fonts not working as expected, check out these troubleshooting resources:

Was this article helpful?

Your feedback helps us improve Figma’s Help Center. To get help from support, submit a request through our contact form.

Your feedback helps us improve Figma’s Help Center. To get help from support, submit a request through our contact form.

Thank you for helping us improve Figma’s Help Center!