How to Add Fonts to Figma
This guide will walk you through the step-by-step process of adding new fonts to Figma. Follow these simple steps to enhance your design with custom typography.
Use Default Fonts in Figma – Figma already includes a wide range of Google Fonts that work without any setup.
Install Figma Font Helper (for Local Fonts) –
Go to figma.com/downloads.
Download and install the Figma Font Helper app on your computer.
Restart Figma Desktop App – If you're using the desktop app, restart it after installing Font Helper. If you're using the browser, make sure Font Helper is running in the background.
Access Local Fonts – Now when you select text in Figma, your system-installed fonts will also appear in the font dropdown list.
Add New Fonts to Your System –
Download fonts (like
.ttfor.otf) from websites such as Google Fonts, DaFont, etc.Install them on your operating system (right-click → install on Windows or double-click → install on Mac).
Refresh Figma – Restart Figma or refresh your browser tab to make sure new fonts load properly.
Done – Your new fonts are now available in Figma and ready to use in your designs.
