How Do I Import Google Fonts Into Figma?

Using Google Fonts in Figma is an easy way to add a unique and stylish look to any design project. With hundreds of free font options available, you can easily find the perfect font for your project. In addition to the free fonts, you can pay for additional fonts or take advantage of the many premium offerings.

It’s important to note that the process of importing Google Fonts into Figma is a bit different than traditional HTML coding. Instead of using HTML tags, you must use the Figma UI tools to access and install your chosen fonts. Here’s how it works:

Step 1: Choose Your Fonts. Start by navigating to the Google Fonts website and selecting your desired font family. You can click on each individual font to get additional information about its weight and style, as well as download it for use in Figma.

Step 2: Install Your Chosen Fonts. Once you’ve selected your desired fonts, click on “Add To Collection” at the top right corner of the page.

This will add all of your chosen fonts into a new folder within Figma. From here, you can easily drag-and-drop individual fonts into your project workspace.

Step 3:Style Your Text in Figma. Now that you have all of your fonts installed in Figma, you can begin styling them within your projects.

To do this, simply select a text element in your design project and click on “Font” from the toolbar at the top of the window. Here you will be able to select any installed font family or individual font weight and style from the drop-down menu.

By following these simple steps, you can quickly and easily import Google Fonts into Figma and start styling text elements with ease.


Importing Google Fonts into Figma is an easy process that requires no HTML coding or custom styling techniques – all it takes is a few clicks! With hundreds of free fonts available for download, plus additional premium offerings, it’s easy to find exactly what you need for any design project quickly and effectively.