Web Design » Figma » How Do I Preview Fonts in Figma?

How Do I Preview Fonts in Figma?

Last updated on December 2, 2022 @ 5:07 am

If you’re working on a web design project in Figma, you’ll probably want to use web fonts. But how do you preview fonts in Figma?

    Luckily, it’s easy to do. Just follow these simple steps:

  • Open the Fonts menu in the Design tab.
  • Click on the Add Fonts button.
  • Choose the fonts you want to add to your project from the list of available fonts.
  • Click on the Apply button.

Now that you’ve added the fonts you want to use, you can preview them by selecting some text and choosing the font from the drop-down menu in the Text Formatting toolbar.

That’s all there is to it! Now you can easily preview fonts in Figma and style your text just the way you want it.

PRO TIP: When previewing fonts in Figma, always be sure to check the licensing agreement for the font family you are using. Some font families may have restrictions on how you can use the fonts for commercial purposes. If you are unsure about the licensing agreement, contact the font family directly.
Madison Geldart

Madison Geldart

Cloud infrastructure engineer and tech mess solver.