So there you have it – if you've been wondering how to preview fonts on Figma, now you know! It's quick, it's easy, and it's a great way to get creative with fonts. Open in Figma About Comments 6 View all your fonts directly to pick the right one for your design. Late update: There's a plugin called Font Preview, which does font previews reliably and runs pretty smoothly. You can also change the font color and apply various styles such as bold, italic, and underline. And if you're feeling particularly adventurous, you can even add a drop shadow and a stroke to your font! Pretty cool, huh? Who would have thought?īut that's not all. You can adjust the font size, the letter spacing, the line height, and even the font alignment. The font will be previewed in the main window and the size of the font will be shown in the Preview Area.
To preview a font, select the font file from your project and click the Preview button. It's worth noting that the Text section containing the Font Preview option doesn't just let you look at the fonts – it also offers up a bunch of options. Font previewing is available in the Style tab under the Fonts section. From there, select the Fonts field, and this will open up the font preview window, giving you a glimpse of all the available fonts - and what you can do with them! Unfortunately, you don't actually see the font design. All you have to do is head to the 'Design' tab and go to the Text section.