Figma has seamlessly dominated the design tool landscape with its impressive features and collaborative nature. One of these features is the ability to use custom fonts, allowing designers to give their projects a unique and personalized look. This article will guide you through a step-by-step process on how to upload fonts to Figma.
Using Figma on Desktop
If you’re using Figma’s desktop application, then you are in luck. Figma automatically syncs all the fonts installed on your computer. So, to use a custom font, you simply need to install it on your computer, and Figma will do the rest. Here’s how:
Step 1: Download the Font
Download the font file you wish to use. It’s often a .ttf or .otf file. There are many websites to download fonts from, such as Google Fonts or DaFont.
Step 2: Install the Font
Go to your downloads folder and double-click on the font file to install it. This process may differ slightly depending on your operating system:
- Windows: Right-click on the font file and click ‘Install’.
- Mac: Double-click the font file, then click ‘Install Font’ in the font preview window that opens.
Step 3: Use the Font in Figma
Open Figma and select the Text tool. Click on the font dropdown in the design panel, and you should see your newly installed font in the list.
Using Figma on Web Browser
If you’re using Figma in a browser, you would need to use the Figma Font Helper to access locally installed fonts. Here’s a quick guide on how to install and use it:
Step 1: Install the Figma Font Helper
Go to the Figma Downloads page and download the Figma Font Helper.
Step 2: Run the Figma Font Helper
After downloading the Font Helper, open it and you should see a window informing you that the Figma Font Helper is running. Leave this open in the background.
Step 3: Use your Custom Fonts in Figma
Now, when you go to Figma in your browser, you can access all of the fonts that are installed on your computer from the font dropdown in the design panel.
And that’s all there is to it! Now you can start making your designs stand out with custom fonts in Figma. Happy designing!