How Do I Import Custom Fonts Into Figma?

Figma is quickly becoming the go-to platform for many designers and developers. It’s a powerful, intuitive interface that make it easy to create and collaborate on projects.

One of the best features of Figma is its ability to import custom fonts. This allows you to add unique, personalized touches to your work and ensure that your designs stand out from the competition.

Importing custom fonts into Figma is a simple process. The first step is to locate the font you want to use.

You can find free fonts online, or purchase them from a variety of sources. Once you have chosen your font, you will need to download it in either TrueType (.ttf) or OpenType (.otf) format.

Once you have downloaded your font, open it with a text editor such as TextEdit (for Mac) or Notepad (for Windows). This will allow you to view the actual font files within the file.

After opening the file with your text editor, copy the entire contents of the file and paste them into Figma’s “Fonts” tab. You can then select and apply the font to any text element in your project.

Using Custom Fonts in Your Designs

Once you have imported your custom font into Figma, you can begin using it in your designs. To do this, simply click on any text element in your project and select “Fonts” from the dropdown menu. This will bring up all of the available fonts for you to choose from, including any custom fonts that you have imported.

You can also customize how each font looks by adjusting its size, color, alignment and more. This will allow you to create unique designs that perfectly match the look and feel of your project.


Importing custom fonts into Figma is an easy process that allows designers and developers alike to add unique touches to their projects. By downloading fonts in either TrueType or OpenType format and pasting them into Figma’s “Fonts” tab, users can quickly apply their own personalized styles to any text elements within their projects.