
Sans-serif is easier to read on-screen and generally makes for a smoother UI experience.

It takes practice and commitment (and a lot of A/B testing).

How to find and identify modern UI Google Fonts Our advice is to use it for one-word brands because it gets pretty complicated to read on longer text. This is a great free option if you need a script font for a logo. They are easy to read and great for headers.īelow is a list of the best sans-serif fonts out there for a clean, modern UI. If you don’t know where to get started, Rasmus has a great collection of sans-serif fonts for Figma here. To start diving into the world of Google Fonts you can read this article for a selection of the best ones. Knowing how to navigate Google Fonts is great knowledge to have as a designer. The best free Figma fonts for UI designs are hands-down Google Fonts.

Once that’s up and running, simply reload your browser tab and your system fonts should appear in the font picker. If you want to use your system fonts, then you need to install Figma Font Service on your system. If you are using Figma Browser, all Google Fonts are available as well. Simply install a font like you normally would and then reboot Figma. If you use Figma Desktop, all of your local fonts will also be picked up by Figma. How to install fonts into FigmaĪll Google Fonts are available without any need to install. You can also see your local fonts on the browser version just install Figma Font Service. In addition, if you use Figma Desktop the font picker will show you all of your local fonts. Figma comes with the Google Fonts Library available right out of the gate.
