Importing Google Fonts Into Figma on Windows: A Practical Step-by-Step Guide

If you need a specific Google Font in Figma on a Windows machine and it is not showing up in your font list, you are not alone. Figma does not automatically load every Google Font. You need to install the font on your Windows system first, then Figma will detect it. This guide walks you through the entire process so you can start designing without delay.

What Happens When You Import Google Fonts Into Figma on Windows

Figma for Desktop on Windows relies on locally installed fonts to populate its font picker. When a Google Font is installed on your operating system, Figma reads it directly from your system font directory. This means the installation process is fundamentally a Windows task, not a Figma task.

This approach works best when you need a font that is not part of Figma's built-in Google Fonts library, when you are working offline, or when you want to use specific weights and styles that may not load reliably through Figma's default search. It is also essential when collaborating on brand-specific projects that require exact font matching.

How to Install Google Fonts on Windows for Figma

  1. Visit fonts.google.com in your browser.
  2. Search for the font family you need and click on it to open the font page.
  3. Click the "Download family" button in the top-right corner. A ZIP file will be saved to your Downloads folder.
  4. Right-click the downloaded ZIP file and select "Extract All" to unzip it.
  5. Open the extracted folder and select all the .ttf or .otf files inside.
  6. Right-click the selected files and choose "Install" or "Install for all users" (recommended for Figma).
  7. Restart Figma Desktop completely. Close it from the system tray if needed, then reopen it.

After restarting, open any Figma file and check the font dropdown. The newly installed Google Font should appear under its family name.

Matching the Right Font to Your Project Needs

Not every Google Font suits every design context. Consider the nature of your project before installing dozens of fonts that may clutter your system and slow down your font picker.

For UI and web design projects, choose fonts with multiple weights like Inter, Roboto, or Open Sans. These families give you flexibility across headings, body text, and captions without switching families constantly.

For branding and logo work, select display or serif fonts such as Playfair Display or Lora. These carry more personality and are better suited for high-impact visual identity.

For technical documentation or dashboards, monospaced fonts like Source Code Pro or JetBrains Mono ensure readability in code blocks and data-heavy layouts.

Also consider the language support you need. Some Google Fonts include extended Latin, Cyrillic, Arabic, or Vietnamese glyphs. If your project serves a multilingual audience, verify character coverage on the font page before committing.

Common Errors When Importing Google Fonts Into Figma on Windows

Font not appearing in Figma after installation. This usually means Figma was not restarted. Close it fully, including the background process in the system tray, and reopen it.

Font shows up but only in regular weight. You may have installed only one file from the font family. Go back to the extracted folder and install every .ttf or .otf file for all desired weights and styles.

Figma says "Missing Fonts" on shared files. This happens when a collaborator used a font you have not installed. Click the missing font warning in Figma and note the exact font name and weight. Then follow the installation steps above to resolve it.

Permissions error during installation. Right-click the font files and choose "Install for all users" instead of the regular install option. This requires administrator access but ensures Figma Desktop can access the font.

Quick Checklist: Importing Google Fonts Into Figma on Windows

  • Downloaded the font ZIP from fonts.google.com
  • Extracted all files from the ZIP archive
  • Installed every .ttf or .otf file using "Install for all users"
  • Closed Figma Desktop completely, including the system tray
  • Reopened Figma and verified the font appears in the font picker
  • Tested all needed weights and styles within your Figma file

Following this checklist ensures a clean and reliable installation every time. Once the font is on your system, Figma treats it the same as any other locally installed typeface, giving you full control over typography in your designs.

Explore Design