Are you looking for the best Figma fonts? Here are the best fonts in Figma and some methods on how to identify and find modern Google fonts.
Typography is one of the most important parts of creating a great UI Design. It’s worth it to take some extra time to choose the best choice for your project. Not only does the font need to be easy to read, but it also needs to fit the graphical profile of the product, and it needs to look modern and up-to-date.
It may be hard to choose and find the right fonts though. To help, I’ve created this article.
What fonts are there in Figma?
Figma is my favorite design software to use today. And a big part of that is based on the fact that the entire Google Web Fonts library comes with it.
The Google Web fonts is a free library that contains more than 1000 different fonts in 130+ languages for you to use. You can of course use your local fonts as well. I think it’s great that there are so many different, and free, alternatives in the program.
Google Fonts also comes with an API that allows you to link the library to your real web projects. So, you won’t need to worry about if the font you use in your Figma design will be able to be implemented in the end-product or not.
The Best Figma Fonts
This list is my personal opinion on what some of the best fonts are in Figma. My choices are based on
- Current UI Design trends
- The readability
- Pairability (Does it go well with other nice fonts?)
Best Sans-Serif Fonts in Figma
- Open Sans
- Noto Sans
Best Serif Fonts in Figma
- Playfair Display
- Crimson Text
- PT Serif
My Go-To Fonts
Most of the time, when I’m working on my design projects I don’t have the time or energy to go through all possible fonts. I usually just go with my most commonly used and favorite ones.
For me, my go-to fonts are Lato, Roboto, or Raleway for paragraph texts, and Oswald or Playfair Display for headings.
Modern UI Google Fonts
UI Design trends are constantly changing and evolving. If you want to sell your design skills as up-to-date you need to be careful not to use fonts that look outdated. You need to look at what people in the industry and leading companies are using for fonts and learn from others.
How to find and identify modern UI fonts
- Learn from other designers
When you’ve found a gorgeous design, you can go ahead and ask the designer what font they used. Most will be happy to answer and will be glad that you took an interest in their work. Remember to be polite and thank them!
- Look at what big companies are using
Big tech companies such as Facebook and Google change their default fonts from time to time. It’s not a stupid idea to take note of their updates and analyze if you can see an ongoing trend. For example, during 2019 there was a visible shift where most big tech company’s switched to minimal sans-serif fonts both for their logos and interfaces. Many other industries followed.
- Analyze competitors in your specific industry
Not all industries share the same design standards and trends. For example, e-commerce for baby clothes most likely shouldn’t use the same font as a forum about lethal weapons. Therefore, one method is to look at what the biggest competitors in your industry are using and take inspiration from them. Most web browsers come with a “Developer Inspection” tool, that allows you to see what font-family a website is using.
- Look at the most popular & trending fonts on Google Web Font
See image below.
Thank you for reading, and I hope this ways helpful!
Recommended for you
If you enjoyed this article you’ll also like these: