Add Custom Fonts to Figma - Quick Tip

Add any font to Figma. Works on both the desktop app and in the browser.

Figma comes with a large Google font library but you may want to use a custom font. To add a custom font to the desktop version simply download and install the font to your machine. For the browser version of Figma you will need to download the font installer (linked below) to your machine. Thats it, now you can use your custom fonts in your UI designs.

-

Sign up for Figma:

Become a Member (Access to Completed Project Files):

Sign up for Webflow:

My Desk Setup for Design & YouTube:

Learn UI/UX Design and Prototyping using Adobe XD:
-

Visit my website:

Find me on Instagram:
-

Disclaimer: This video and description may contain affiliate links. By using any of my affiliate links, I receive a very small commission at no extra cost to you. Thank you for supporting the channel!

Music: Epidemic Sound
Add Custom Fonts to Figma - Quick Tip
#Figma #FigmaQuickTip #FigmaTutorial

[CalerEdwards]

More Figma and design content coming soon!

[TheLee]

To install your newly downloaded font(s) (after you installed Figma's font installer), open your downloaded font file (by double clicking each individual file) and there a page with a font demonstration should pop up on screen. Click the "install" button in the top left to eventually install it in Figma.

After you click "install" for each font file that you have, reload Figma and you should be able to see your font in Figma under the "installed by you" category that was mentioned in the video.

[ahmedcompak]

Thanks Man, this is very helpful and easy to understand

[dyveshisrael]

Extremely helpful. Finally I got my issue resolved. Thanks!

[heybarroualao]

Thanks for your tutorial, it just helped me 💪😉

[Wine-N-Steak]

How do you pull up the font list in your Figma?

[warlord]

what was the shortcut to install, because it doesn't give the prompt to install

Nice tut, but how do i install fonts in woff on macos?

[AsiaThinks]

My new fonts are only available in a new File. How do I get them in the file I've already been working on?? I feel like that's where most people would need it

[laurenjensen]

Are there any other free font sites that you would recommend?

[kbisal]

Can you tell us 2/3 different sites for custom fonts?

[wongeubing]

Browsed webpages and nothing was helpful. Watch you video and immediately resolved my issue. Thanks for sharing!

[omaryassir]

Can you make tutorials about components and variants ?

[erickmuller]

What do you mean "just install it into your machine???" How do you do that. You seemed to highlight the fonts and then hit a shortcut. I dont know what you did!

[Wine-N-Steak]

There's no fonts listed in my Figma. I know I have fonts in my Font Book on my Mac. I downloaded the Figma add Fonts to my Macbook but under "Text" on the right of the Figma board there's no visible list. I hit Browse library and nothing came in the library 😕

[marklong]

How about some support for Linux users?

[patrikmedia]

why do I still have to restart Figma in order to detect newly installed fonts? it's annoying

[rgekam]

you would think it super simple, yet once in figma. and writing in a new document, wheres the drop-down icon for font change? this is literally why i clicked on this video

[juyncug]

This did not work at all. The app was a complete waste of time unfortunately.

[dera_ng]

For this video to have over 100K views, it shows how bad companies these days are getting at designing their apps and how even worse off their documentation is. For something as simple as changing fonts it is a real catastrophe and probably early signs of it's end.