

Search or select a font from the list, or click All fonts to select a filter.Click the font name to open up the font picker. The current font is displayed at the top of the Text section.Select a text layer, or some text within the layer, in order to adjust its properties.Variable fonts: All fonts that have at least one variable font axisīrowse and apply fonts from the Text section in the right sidebar:.Google fonts: Fonts available via Google fonts in Figma.Installed by you: Local fonts you have installed to your computer.


When applying fonts, you can search for a font by name or use the filter options to browse font collections: When editing text, fonts can be applied to: Picking the right font can help determine the legibility and appeal of your design. Text is one of the crucial components of interface design. Learn more about text properties →Ĭheck out guide to Getting started with text → You can then adjust other properties of the text, like style, size, line height, letter spacing, and more.

Figma will show the Text properties in the right sidebar.Select a text layer, or select some of the text within a text layer.If you're using the Figma desktop app, you can find your local fonts in the font picker: It allows Figma to access fonts on your computer, and open Figma links in the desktop app. Figma desktop appįigmaAgent is a secure background service that Figma also installs when you install the desktop app. To access these fonts in the font picker, you'll need to use the Figma desktop app ↓ or install the Figma font service ↓. Mac: How to install and remove fonts on your Mac (via Apple).To allow Figma to access these fonts, you need to add or install them on your device: If you've purchased your own fonts, or have a catalog of fonts on your computer, you can also use these in Figma. Teams on the Organization plan can upload and use shared fonts, regardless of platform.įigma gives you access to a catalog of Google Web Fonts, which you can use without having to install anything. Chromebook and Linux users can only use Google's Web Fonts. Caution: Figma doesn't support local fonts for devices running ChromeOS or Linux.
