Figma, a design tool, offers numerous features that enhance its usability and expand its capabilities. One noteworthy feature is the option to include and utilize customized fonts. Despite Figma’s extensive collection of system fonts, there may be instances where you require a specific font that is not already accessible. In this blog post, we will walk you through the steps of incorporating new fonts into your Figma designs.
Before we begin
Before you can use any font in Figma, it needs to be installed on your device. This means that if you want to use a specific font, you need to download it and install it on your computer.
Adding Fonts to Figma
It’s important to note that Figma utilizes the fonts installed on your system. Hence, to add new fonts to Figma, you need to install them on your computer first. Here’s how:
Step 1: Download the Font
There are plenty of online resources where you can download fonts for free or purchase premium ones. Websites like Google Fonts, Font Squirrel, Dafont, etc., offer a wide variety of fonts. Choose the font that you require and download it to your system.
Step 2: Install the Font on Your Device
This process may slightly vary depending on your OS. However, in most cases, it involves:
- Unzipping the downloaded file.
- Locating the .ttf or .otf file.
- Double-clicking the file to open the font preview.
- Clicking on the “Install” button.
Step 3: Refresh Fonts in Figma
Open Figma after installing the font on your system. If Figma was already open during the font installation, you might need to refresh it to make the newly installed font appear. Simply navigate to the top menu in Figma, select Help & Resources, and click on Clear Cache and Restart.
Step 4: Start using the Font
Once the font is installed and Figma is refreshed, you can start using the new font in your designs. Simply select a text layer, click on the font dropdown in the design panel, and you will see your newly installed font listed among the other fonts.
Conclusion
That’s it! You now know how to get and use new fonts in Figma. Keep in mind that having the right font can significantly improve your design’s presentation and make it more appealing. So, go ahead and start exploring different fonts that will truly enhance your designs.