It should appear under the 'Local Fonts' section.

Scroll through the list or use the search bar to find your newly-installed font.Click on the font dropdown menu in the properties panel.Select the Text tool (T) and create a new text layer.Open Figma on your device (not the web version).Now that you've installed the fonts on your device, it's time to add them to Figma. Once installed, the fonts will be available for use in Figma as well as other applications on your device. Linux: Consult your distribution's documentation for the font installation process, as it may vary.Mac: Double-click the font file and click 'Install Font' in the preview window.Windows: Download the font file, then right-click and select 'Install' from the context menu.Here's how to do it for different operating systems: You'll be a typography wizard in no time! Installing Fonts on Your Deviceīefore you can use custom fonts in Figma, you'll need to install them on your device. In this section, we'll guide you through the process of installing fonts on your device, adding local fonts to Figma, and integrating Google Fonts. Now that you have a solid understanding of Figma fonts, let's learn how to add font to Figma. Having a good understanding of how Figma organizes fonts will help you manage your typography more effectively as you learn how to add font to Figma. Font weight: The thickness of the font, ranging from thin to black.Font style: Variations within a font family, like bold, italic, or regular.Font family: A collection of fonts that share design characteristics, such as Arial or Times New Roman.Keeping your fonts organized will make it easier to find and apply the perfect font to your designs.

Note: Font licensing is especially important if you plan to share your Figma files with others or use them for commercial purposes. Always check the license terms before using a font in your projects to avoid any legal issues down the road. Some fonts are free for personal and commercial use, while others require a paid license. When using fonts, it's important to be aware of font licensing. This flexibility allows you to get creative with your typography choices, ensuring your designs are unique and engaging.

Any custom fonts you've installed on your device.

Adobe Fonts, available if you have an Adobe Creative Cloud subscription.

Google Fonts, which are integrated into Figma.

Figma Supported Fontsīy default, Figma supports a wide range of fonts, including: Here, we'll explore supported fonts, licensing, and organization. Figma fonts play a crucial role in determining the look and feel of your designs.

Understanding Figma Fontsīefore we learn how to add font to Figma, it's essential to understand the basics. How to Add Font to Figma via Local FontsĮver wondered how to add font to Figma and make your designs stand out? Look no further! In this step-by-step guide, we'll explore everything you need to know about Figma fonts, from understanding how they work to successfully adding and managing them in your projects.

The fonts that are synced via the Adobe Fonts service are not visible on the computer's hard disc. If it requires unique fonts to be uploaded then that would be a road block for Adobe Fonts use. I don't know if its Font Helper browser plugin can 'see' all fonts installed locally on a computer. I think Figma relies on Google Fonts for its collection. Web-based design apps may require a user to upload any fonts that aren't in the app's default collection of fonts. They have to be installed (using the CC desktop app) to be available to other applications installed on the computer. The fonts will either be available 'in Adobe apps' or 'in Adobe & other local apps.' By default, when fonts are added at the Adobe Fonts web site they are only available to Adobe apps. Check the fonts section in the Creative Cloud desktop app. Obvious trouble shooting steps: make sure you're logged into your Creative Cloud account. Were fonts from the Adobe Fonts service previously visible in Figma's fonts menu? Does Figma have a desktop-based app or is it entirely web-based? If the app is only web-based (like Canva) it may not be possible to make Adobe Fonts visible in it.

Adobe fonts in figma