How to Add Fonts to Figma: A Simple Guide for Designers
Adding custom fonts to Figma gives your design work a distinct personality. Whether you’re working on branding, web UI, or mobile apps, knowing how to add fonts to Figma is essential for consistency and creativity.
How Figma Uses Fonts
Figma is a browser-based design tool, but it can access fonts installed on your computer. It also supports Google Fonts and team fonts on paid plans. Here’s how it works:
-
Default fonts: These include system fonts and Google Fonts.
-
Local fonts: Installed on your OS and accessed using the Figma Font Helper.
-
Shared fonts: Available on Organization plans via team libraries.
Install Figma Font Helper
To use local fonts, you must install the Figma Font Helper. It runs in the background and bridges your device fonts with the browser.
Steps to install Font Helper:
-
Go to Figma Downloads.
-
Download Font Installer for your OS.
-
Run the installer and restart your browser.
Now your installed fonts will appear in Figma’s font dropdown.
Adding Fonts to Figma on Windows
-
Download the font file (usually .TTF or .OTF).
-
Right-click the file and select Install.
-
Ensure the Figma Font Helper is running.
-
Open Figma → select text → check the font dropdown for your installed font.
Adding Fonts to Figma on Mac
-
Double-click the font file.
-
Click Install Font (opens in Font Book).
-
Restart browser if needed.
-
Open Figma and access your new font in the font list.
Using Custom Fonts in Figma Desktop App
If you’re using the Figma desktop app, you don’t need the Font Helper. It automatically detects installed fonts from your OS.
Can You Upload Fonts Directly to Figma?
Figma does not support uploading font files directly. You must install fonts locally. For team sharing, use shared fonts through team libraries (only on Organization plans).
Why Fonts May Not Show Up
-
Font Helper not running
-
Font file corrupted or unsupported
-
Using browser version without helper
-
Font installed for one user, not system-wide
Restarting Figma or your computer often fixes font detection issues.
Final Thoughts
Now you know how to add fonts to Figma. Whether you’re customizing typography for a client project or bringing a brand to life, accessing your fonts properly ensures creative freedom without limitations.
