So, you finally located the perfect font for your design, but it’s not known in Figma. You might be able to find a close substitute for Figma’s hundreds of amazing fonts. But why make compromises when you can add your custom font and make the exact design you had in mind? Here’s how to add fonts to Figma to make your designs more varied. Stay around to find answers to some of the most common questions.
Adding Fonts
If you can’t see the font you need in Figma’s vast library, you’ll have to download it and install it on your widget. If you use the Figma Windows or macOS desktop app, the fonts established on your device will appear automatically in your font picker. Before using any font on their Figma interface, browser app users must take an extra step. Users of ChromeOS and Linux won’t be able to add their fonts to Figma, though.
Read on if you use Windows or a Mac.
Add Fonts to Figma on Windows
You must download and install your new font on your device to use it in Figma.
- To import a font into Figma, download it.
- Extract the compressed file from your Downloads folder.
- Open the Windows OS folder.
- Double-click the font file.
- In the pop-up window, click “Install.”
Now that the font is on your device, it is also in Figma. To see the changes, restart the application.
On Windows, you can find your installed fonts by going to the Control Panel and clicking “Appearance and Personalization.” To access your library, double-click “Fonts.”
Add Fonts to Figma on Mac
Observe these steps to install a new font on your Mac:
1. First, choose a font and download it.
2. In Finder, look for the downloaded file.
3. If necessary, extract the compressed file.
4. Open the macOS file folder.
5. Double-click the font file.
6. In the pop-up window, click the “Install Font” button.
After you install the font on your device, it will appear automatically in the font selector in your Figma app. If you can’t see it, resume the app, and it will appear.
The Font Book app on your Mac will contain your installed fonts. By choosing a font, clicking “Edit,” and then choosing the appropriate option from the menu bar, you can turn off or remove any font from this page.
Adding Fonts to the Figma Browser App
Your local fonts won’t appear in the browser app by default, but you can fix this with a handy background service. You’ll need to install Figma’s font service, which is available on their website.
To the Figma browser app, add your local fonts in the following manner:
- Then, for your Windows or macOS device, download the font service.
- The application must be installed.
- Refresh Figma in your browser.
- The font selector now displays your local fonts.
Additional FAQs
Can I use Google Web Fonts in Figma?
Yes, by default, Figma makes use of Google’s enormous collection of Web Fonts. To use Google fonts in the app, you won’t need to install them. By default, your font picker will include some Google Web fonts.
What are the best Figma fonts for UI design?
With so many fonts to check out, it can be hard to find the right one. Start your search for the best Figma fonts for UI design to save time. These fonts are also Google fonts, so everyone can use them. Figma also provides tips on how to pair the most famous Google fonts to make its users’ jobs more effortless.
The following are some of the best sans-serif fonts:
- Open Sans
- Lato
- Montserrat
- Raleway
- Roboto
Check out these websites for the best serif fonts available in Figma.
- Lora
- Merriweather
- Crimson Text
Use Any Font in Figma
The right font can make a big contrast in any design, from how easy it is to read to how the page feels. Figma is aware of this and lets you import any font you want. The font will be available in the app immediately after downloading and installing it. If you use the browser version, the font service will assist you.
Which fonts in Figma are your favorites? Are you happy with what the app offers, or are you getting ready to install your own set? Tell us what you think in the section below.