Figma offers a vast collection of fonts to work with, and the best part about it is that it lets you work with any font without restrictions. In this guide, we will help you with adding fonts to Figma through a demonstration to get you all covered.
Add Fonts to Figma
- Start by opening your browser, navigating to Figma, and signing in with your credentials. Once you’re on the home screen, create a new design or work with an existing design from Recents.
- After the design is loaded, add a text box by pressing T or clicking on an existing text box to load the Properties panel on the right with the Design tab open.
- In the design tab, navigate to the Text section, and the font name will be displayed. Now, click on it to access different fonts, and the best part about it is you get a dedicated drop-down to filter fonts.
- Before proceeding further with adding font, open a new tab on your browser to install the Figma font installer, which is necessary for adding fonts to Figma on the browser.
- After the Figma font installer is installed, open a new tab and download the font from a font library like Google Fonts.
- With the font downloaded, install it on your PC by opening the font file (.ttf or .otf) and clicking on the Install button.
- Once the font is installed, refresh Figma, navigate to the Text section, click on the font name, and select Installed by you in the drop-down.
- If you have followed the steps right, you will find the font installed, updated in the list, and ready to use.
Wrapping Up
Congratulations on learning how to add fonts to Figma!
While adding the first font might be confusing, you will get used to it after a few fonts. In case you’re having difficulty with the installed font not being added to Figma, we suggest you restart your PC, which fixes the issue. If that doesn’t work, ensure that the font is being installed in the default font installation path (C:\Windows\Fonts).
