Fonts play a big role in design. They affect how your work feels and how easy it is to read. In Figma, choosing the right font is simple. But what if you want to add a new one? Luckily, adding a font family in Figma is quick and easy. This guide will walk you through every step in a clear and friendly way.
Start With Built-In Fonts
Figma already includes many fonts. These come from Google Fonts and are ready to use. You don’t need to install anything. To try them out, just click the Text tool, then type something on your canvas. After that, open the right sidebar and click the font dropdown. There, you can scroll or search to find the font you want.
Because these fonts are built in, they load right away. This makes them great for fast projects.
Add Fonts Installed on Your Computer
If you have fonts on your computer, you can use them too—but only in the Figma desktop app. First, install the font like you would normally. On Mac, double-click the font file and click “Install Font.” On Windows, right-click and choose “Install.”
Once the font is installed, open the Figma desktop app. Then, click the Text tool and select your font from the list. It’s that simple.
Use Local Fonts in the Browser
Using Figma in your browser? You can still use your own fonts by installing Figma Font Helper. First, go to the Figma Downloads page. Then, download and install the Font Helper for your computer. Once installed, refresh Figma in your browser. Now, your local fonts will show up in the font dropdown.
Although this takes a few extra steps, it only takes a minute. After that, your custom fonts will be ready to use.
Apply the Font to Your Text
After adding a font, it’s time to use it. First, select any text layer. Then, go to the right sidebar and open the font dropdown. If you want to find only custom fonts, use the filter “Installed by you.” Now, click the font name to apply it.
As long as the font is installed and detected, it should work right away.
Share Fonts With a Team (Figma Org Only)
If your team uses the Figma Organization plan, there’s a faster way to share fonts. You can upload fonts once, and everyone on your team can use them—no installs needed. To do this, your Figma admin must upload the font file in the team settings.
This is great for design systems, brand kits, or working with custom licensed fonts.
Troubleshooting Font Issues
Sometimes, fonts don’t appear. Don’t worry—it’s usually easy to fix. First, make sure the font file is installed. Then, check that Figma Font Helper is running (for browser users). If the font still won’t load, restart Figma. This solves most issues quickly.
Also, remember that team members need the font too—unless it’s shared through an organization.
Conclusion
Adding fonts in Figma is easier than you think. You can use built-in Google Fonts, local system fonts, or custom ones with a quick setup. By following these steps, your text will look just the way you want. Whether you work solo or with a team, having the right fonts makes every design better.
Now you’re ready to use any font you like in Figma—fast, simple, and with zero hassle.
Empowering Students for Professional Growth | Student Growth Guide
We recommend the Icon Pro Solutions Inc. team for their exceptional expertise and professionalism.
