How To Add Font To Figma

by

If you are a designer, you probably know about Figma – the go-to tool for many designers worldwide. Figma allows you to design, prototype, and gather feedback all in one place, streamlining the process of turning your ideas into final products. While Figma provides a vast array of functionalities and resources, sometimes you may need to add some extra assets to your arsenal, such as fonts. This blog post will take you through the process of how to add new fonts to Figma.

Adding Fonts to Figma

Figma automatically integrates with the fonts installed on your system. Therefore, to add a font to Figma, you need to install it on your computer. Here’s how you can do it:

For Windows Users

  1. Download the font file from a trusted source. The file will typically be in either .ttf or .otf format.
  2. Once the font file is downloaded, navigate to the download location, right-click the file and select Install.
  3. The font will be automatically installed on your system and should be accessible from Figma the next time you launch the application.

For MacOS Users

  1. Download the font file from a trusted source. The file will typically be in either .ttf or .otf format.
  2. Once the font file is downloaded, double-click the file to open it.
  3. In the font preview window that opens, click Install Font.
  4. The font will be automatically installed on your system and should be accessible from Figma the next time you launch the application.

Using the Added Fonts in Figma

Once you’ve added a new font to your system, it will be available in Figma’s font list. Here’s how you can use it:

  1. Open the text tool in Figma by clicking the “T” icon or pressing the T key on your keyboard.
  2. Click on the artboard where you want to add text. A text box will appear.
  3. Click on the font dropdown in the top bar. This will display a list of all the fonts available to you.
  4. In the search bar at the top of the dropdown, start typing the name of your newly added font. Figma will filter the list to match your search.
  5. Select your font from the list, and start typing! Your text will appear in the selected font.

Conclusion

Figma’s integration with the fonts on your system means you have the freedom to use any font you wish in your designs. Whether you need a special typography for a unique brand design or want to experiment with different typefaces, the process of adding and using new fonts in Figma is straightforward and convenient. Keep designing, keep creating!