On this page
- Quick steps
- How to add a font in the Figma desktop app
- How to add a font in Figma in the browser
- Upload your own font to your Figma account
- Share fonts with your team or organization
- Can you add fonts to Figma on Linux or ChromeOS?
- How to add Helvetica, Google Fonts and other common fonts
- After the font is in
- FAQ
Quick steps
Get a .TTF or .OTF file
Figma only reads TrueType (.TTF) and OpenType (.OTF) fonts. Web font formats can't be used.
Install it on your computer
On Mac, open the file and install it with Font Book. On Windows, install it into the Fonts folder (right-click → Install for all users if you hit problems later).
Browser only: install the Figma font installer
Download it from figma.com/downloads. The desktop app has it built in, so skip this step there.
Restart or reload Figma
Restart the desktop app, or reload any open browser files, so Figma picks up the new font.
Find the font
Select a text layer, open the font menu and use the Installed by you filter to list only your local fonts.
How to add a font in the Figma desktop app
The desktop app reads fonts installed on your system directly. Install the font with Font Book (Mac) or into the Fonts folder (Windows), quit Figma completely and open it again. The font appears in the font menu of any file you can edit. There's nothing to download from Figma first.
To confirm the font made it in, open the font menu on any text layer and switch the filter to Installed by you. That list shows only your local fonts, so you don't have to scroll past every Google Font. If a Windows font is still missing, forum answers suggest reinstalling it with right-click → Install for all users.
How to add a font in Figma in the browser
A browser tab can't read your system fonts by itself, so Figma uses a small helper called the Figma font installer. It runs in the background as FigmaAgent on Mac and figma_agent.exe on Windows. Install it once from figma.com/downloads, then reload your Figma tabs after adding any new font.
Chrome also has to let Figma talk to the installer. The permission is called Local network access in Chrome 142 to 144 and Apps on device in Chrome 145 and later. You can check it in Figma under Main menu → Preferences → Permissions and helpers. If your fonts don't appear, fonts not showing in Figma walks through every fix, including restarting FigmaAgent.
Upload your own font to your Figma account
Figma now lets you upload font files to your account. Go to Settings → Account → Your uploaded fonts and add the files. Uploaded fonts work across all your files, which helps when you switch between computers or work in a browser where you can't install software.
Shared fonts are an Organization and Enterprise feature. Once an admin uploads a font, everyone in the org can use it without installing anything, and files look the same for every editor.
- Org admins: Admin → Resources → Fonts.
- Team admins: open the team menu → View team's fonts.
- Web fonts can't be uploaded. Use the .TTF or .OTF desktop files.
On Professional and Starter plans there's no shared font library, so each person installs the font locally or uploads it to their own account.
Can you add fonts to Figma on Linux or ChromeOS?
No. Figma's help center says ChromeOS and Linux can't use custom fonts. On those systems you get Google Fonts plus Apple's SF fonts, which are already in the font menu. If a project depends on a specific brand font, plan to set type on a Mac or Windows machine.
How to add Helvetica, Google Fonts and other common fonts
Google Fonts are built into Figma, so search for the name in the font menu before installing anything. For fonts that aren't there, such as Helvetica, install the licensed .TTF or .OTF file on your computer and follow the steps above. Check the font's license before installing or uploading it, especially if you plan to share it with a team.
After the font is in
With the font available, set up sizes and spacing using the Typography section of the right sidebar. How to change line height in Figma covers line height, letter spacing and weight, and Figma text shortcuts lists the keys for adjusting them quickly. For font pairing, previewing and bulk font swaps, browse the typography plugins below.
Ranked listBest Figma plugins for typography and fontsFrequently asked questions
How do I add a custom font to Figma?
Install the .TTF or .OTF file on your computer, then restart the desktop app or reload the browser tab. In a browser you also need the Figma font installer. Or upload the font under Settings → Account → Your uploaded fonts.
Do I need the font installer for the Figma desktop app?
No. The desktop app has it built in. You only need the separate installer when you use Figma in a browser.
Why doesn't my new font show up in Figma?
Restart the desktop app or reload the browser tab after installing. In a browser, check that the font installer is running and that Chrome allows Local network access (or Apps on device). Only .TTF and .OTF files work.
Can I install fonts in Figma on Linux?
No. Figma doesn't support custom fonts on Linux or ChromeOS. You can use Google Fonts and Apple's SF fonts there.
How do I share a font with my whole team in Figma?
On Organization and Enterprise plans, an admin uploads it under Admin → Resources → Fonts (or View team's fonts for team admins). On other plans, each person installs the font or uploads it to their own account.
More in Text & fonts
- How to Add Realistic Mock Data in FigmaHow to fill Figma designs with realistic mock data: names, emails, addresses, and AI-written text. Native Figma AI, lorem ipsum plugins, and Mock Master AI.
- Why Are My Fonts Not Showing in Figma?Local fonts missing in Figma? Check the font installer and Chrome's Local network access permission, restart FigmaAgent, then replace missing fonts in the file.
- How Do You Scale Text to Fit a Container in Figma?Dragging a text box in Figma resizes the box, not the type. Press K for the Scale tool to scale text in proportion, or use resizing modes and truncation to fit.
- Why Can't I Edit Text in Figma?Can't edit text in Figma? Check your seat and can edit access, unlock the layer, edit component text through a text property, and fix missing fonts. Fixes here.
- How to Add Bullet Points in Figma TextAdd bullet points in Figma with ⌘⇧8, numbered lists with ⌘⇧7, or type - or 1. then a space. Indent up to five levels with Tab and remove a list with No list.
- How to Curve Text in FigmaCurve text in Figma with the Text on a path tool: hover a vector path, click and type. Drag the blue handle to move the start, or flip text to the other side.
- How to Change Line Height in FigmaSet line height in Figma as Auto, px or % in the Typography section. Also covers letter spacing, paragraph spacing, and size and weight shortcuts.
- How to Create Text Styles and Color Styles in FigmaCreate text and color styles in Figma, organise them into folders, edit or delete them, fix styles not showing in other files, and know when to use variables.
- Figma Text Shortcuts: Underline, Bold, Italic and MoreFigma text shortcuts for underline, bold, italic, links, font size, weight, line height, letter spacing and lists on Mac and Windows, plus a fix for stuck caps.
- How to install Figma pluginsFigma plugins don't need installing: open one from the Community or run it inside a file. Steps for Figma Design, Dev Mode, FigJam, Slides, saving and admins.
- Figma plugins not working? How to fix itFigma plugins not loading, missing or greyed out? Check your seat and edit access, org approval, network blocks and cache. A step-by-step checklist that works.