{"id":3960,"date":"2022-01-30T20:11:00","date_gmt":"2022-01-30T20:11:00","guid":{"rendered":"https:\/\/www.wendyzhou.se\/blog\/?p=3960"},"modified":"2022-01-31T19:32:55","modified_gmt":"2022-01-31T19:32:55","slug":"best-figma-fonts-modern-google-ui-fonts","status":"publish","type":"post","link":"https:\/\/www.wendyzhou.se\/blog\/best-figma-fonts-modern-google-ui-fonts\/","title":{"rendered":"Best Figma Fonts | Find Modern Google UI Fonts"},"content":{"rendered":"\n<p class=\"has-pale-cyan-blue-color has-text-color\"><strong>Are you looking for the best Figma fonts? Here are the best fonts in Figma that you can use. In addition, I have also included tips and methods on how to identify and find suitable modern Google fonts.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"why-is-finding-the-right-font-so-important\">Why is finding the right font so important?<\/h2>\n\n\n\n<p>Typography is one of the most important parts of creating a great UI Design. It can make or break your design, and be the difference between something looking professional, or amateurish. <strong>It\u2019s always worth it to take some extra time to choose the best choice for your project. <\/strong><\/p>\n\n\n\n<p>It may be hard to choose and find the right fonts though. Good fonts need to be easy to read, fit the graphical profile of the design, as well as look modern and up-to-date. That\u2019s quite a lot of criteras to check off, isn\u2019t it?<\/p>\n\n\n\n<p>To help you out, I\u2019ve created this article with lots of tips, examples, and links!<\/p>\n\n\n\n<p>Recommended: <a href=\"https:\/\/www.wendyzhou.se\/blog\/7-best-figma-plugins-2021-design-systems-developers\/\">7 Best Figma Plugins (2021) Design Systems &amp; Developers<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-fonts-are-available-in-figma\">What fonts are available in Figma?<\/h2>\n\n\n\n<p>Figma is my favorite design software to use today. And a big part of that is based on the fact that the entire <a href=\"https:\/\/fonts.google.com\/\">Google Web Fonts <\/a>library comes with it. <\/p>\n\n\n\n<p>The Google Web fonts is a free library that contains more than <strong>1000<\/strong> different fonts in 130+ languages for you to use. You can of course use your local fonts as well. I think it\u2019s great that there are <em>so many <\/em>different, and free, alternatives in the program. <\/p>\n\n\n\n<p>Google Fonts also comes with an API that allows you to link the library to your real web projects. So, you won\u2019t 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.<\/p>\n\n\n\n<p>Learn more about fonts in <a href=\"https:\/\/www.figma.com\/font-types\/\">this article<\/a> and about pairing Google fonts <a href=\"https:\/\/www.figma.com\/google-fonts\/\">here<\/a>.<\/p>\n\n\n\n<h2 class=\"has-text-color wp-block-heading\" id=\"the-best-figma-fonts\" style=\"color:#faee00\">The best Figma fonts<\/h2>\n\n\n\n<p>This list is my personal opinion on what some of the best fonts are in Figma. My choices are based on <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Current UI design trends &amp; aesthetics<\/li><li>The readability of the font<\/li><li>Pairability &#8211; Does it go well with other nice fonts?<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"best-sans-serif-fonts-in-figma\">Best <strong>sans-serif fonts in Figma <\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/fonts.google.com\/specimen\/Roboto?preview.text_type=custom\">Roboto<\/a><\/li><li><a href=\"https:\/\/fonts.google.com\/specimen\/Lato?preview.text_type=custom\">Lato<\/a><\/li><li><a href=\"https:\/\/fonts.google.com\/specimen\/Open+Sans?preview.text_type=custom\">Open Sans<\/a><\/li><li><a href=\"https:\/\/fonts.google.com\/specimen\/Noto+Sans?preview.text_type=custom\">Noto Sans<\/a><\/li><li><a href=\"https:\/\/fonts.google.com\/specimen\/Montserrat?preview.text_type=custom\">Montserrat<\/a><\/li><li><a href=\"https:\/\/fonts.google.com\/specimen\/Poppins?preview.text_type=custom\">Poppins<\/a><\/li><li><a href=\"https:\/\/fonts.google.com\/specimen\/Raleway?preview.text_type=custom\">Raleway<\/a><\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"best-serif-fonts-in-figma\">Best <strong>serif<\/strong> fonts in Figma<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/fonts.google.com\/specimen\/Playfair+Display?preview.text_type=custom\">Playfair Display<\/a><\/li><li><a href=\"https:\/\/fonts.google.com\/specimen\/Merriweather?preview.text_type=custom\">Merriweather<\/a><\/li><li><a href=\"https:\/\/fonts.google.com\/specimen\/Crimson+Text?preview.text_type=custom\">Crimson Text<\/a><\/li><li><a href=\"https:\/\/fonts.google.com\/specimen\/PT+Serif?preview.text_type=custom\">PT Serif<\/a><\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"my-personal-favorites\">My personal favorites<\/h3>\n\n\n\n<p>Most of the time, when I\u2019m working on my design projects I don\u2019t have the time or energy to go through all possible fonts. I usually just go with my most commonly used and favorite ones. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"for-paragraphs\">For paragraphs<\/h4>\n\n\n\n<ol class=\"wp-block-list\"><li><a href=\"https:\/\/fonts.google.com\/specimen\/Lato?preview.text_type=custom\">Lato<\/a> <\/li><li><a href=\"https:\/\/fonts.google.com\/specimen\/Roboto?preview.text_type=custom\">Roboto<\/a><\/li><li><a href=\"https:\/\/fonts.google.com\/specimen\/Open+Sans?preview.text_type=custom\">Open Sans<\/a><\/li><\/ol>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"for-headings\">For headings<\/h4>\n\n\n\n<ol class=\"wp-block-list\"><li><strong><a href=\"https:\/\/fonts.google.com\/specimen\/Oswald?preview.text_type=custom\">Oswald<\/a><\/strong> &#8211; Bold and confident (Great for headings &amp; thumbnails)<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/01\/import-sketch-to-figma-11-1024x576.png\" alt=\"UX\/UI Design blog category\" class=\"wp-image-4187\" width=\"547\" height=\"308\" srcset=\"https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/01\/import-sketch-to-figma-11-1024x576.png 1024w, https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/01\/import-sketch-to-figma-11-300x169.png 300w, https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/01\/import-sketch-to-figma-11-768x432.png 768w, https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/01\/import-sketch-to-figma-11.png 1280w\" sizes=\"auto, (max-width: 547px) 100vw, 547px\" \/><figcaption>Oswald<\/figcaption><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\"><li><strong><a href=\"https:\/\/fonts.google.com\/specimen\/Chakra+Petch?preview.text_type=custom\">Chakra Petch<\/a><\/strong> &#8211; Futuristic and army-ish (very cool)<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/03\/Futuristic-Soldier-Concept-Art-1024x606.png\" alt=\"Futuristic Soldier Concept Art\" class=\"wp-image-4735\" width=\"554\" height=\"329\" srcset=\"https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/03\/Futuristic-Soldier-Concept-Art-1024x606.png 1024w, https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/03\/Futuristic-Soldier-Concept-Art-300x178.png 300w, https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/03\/Futuristic-Soldier-Concept-Art-768x455.png 768w, https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/03\/Futuristic-Soldier-Concept-Art-1536x909.png 1536w, https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/03\/Futuristic-Soldier-Concept-Art.png 1953w\" sizes=\"auto, (max-width: 554px) 100vw, 554px\" \/><figcaption>Chakra Petch<\/figcaption><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\"><li><a href=\"https:\/\/fonts.google.com\/specimen\/Playfair+Display?preview.text_type=custom\">Playfair Display <\/a>&#8211; Pretty and kind-looking<\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-to-find-and-identify-modern-ui-google-fonts\">How to find and identify modern UI Google fonts<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"630\" src=\"https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/01\/4E874CD1-457E-44EE-AE23-24EBE24704D5-1024x630.png\" alt=\"Modern UI Google Fonts \/ Find and Identify\" class=\"wp-image-3967\" srcset=\"https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/01\/4E874CD1-457E-44EE-AE23-24EBE24704D5-1024x630.png 1024w, https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/01\/4E874CD1-457E-44EE-AE23-24EBE24704D5-300x185.png 300w, https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/01\/4E874CD1-457E-44EE-AE23-24EBE24704D5-768x473.png 768w, https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/01\/4E874CD1-457E-44EE-AE23-24EBE24704D5-1536x945.png 1536w, https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/01\/4E874CD1-457E-44EE-AE23-24EBE24704D5.png 1560w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>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. To do this, you need to look at what other people in the industry and leading companies are using for fonts and learn from others.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"where-to-get-inspiration-learn\"><strong>Where to get inspiration &amp; learn<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\"><li><strong>Learn from other designers<\/strong><br>When you\u2019ve 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!<\/li><li><strong>Look at what big companies are using<\/strong><br>Big tech companies such as Facebook and Google change their default fonts from time to time. It\u2019s 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\u2019s switched to minimal sans-serif fonts both for their logos and interfaces. Many other industries followed.<\/li><li><strong>Analyze competitors<\/strong> <strong>in your specific industry<\/strong><br>Not all industries share the same design standards and trends. For example, e-commerce for baby clothes most likely shouldn\u2019t 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 \u201cDeveloper Inspection\u201d tool, that allows you to see what font-family a website is using.<\/li><li><strong>Look at the most popular &amp; trending fonts on <a href=\"https:\/\/fonts.google.com\/\">Google Web Font<\/a><\/strong><br>See image below.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"380\" src=\"https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/01\/1AB6CED2-4DFC-44EE-9BAB-05B26D257BCC-1024x380.jpeg\" alt=\"\" class=\"wp-image-3963\" srcset=\"https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/01\/1AB6CED2-4DFC-44EE-9BAB-05B26D257BCC-1024x380.jpeg 1024w, https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/01\/1AB6CED2-4DFC-44EE-9BAB-05B26D257BCC-300x111.jpeg 300w, https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/01\/1AB6CED2-4DFC-44EE-9BAB-05B26D257BCC-768x285.jpeg 768w, https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/01\/1AB6CED2-4DFC-44EE-9BAB-05B26D257BCC-1536x570.jpeg 1536w, https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/01\/1AB6CED2-4DFC-44EE-9BAB-05B26D257BCC-2048x759.jpeg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>Thank you for reading, and I hope this ways helpful!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"recommended-for-you\">Recommended for you<\/h2>\n\n\n\n<p>If you enjoyed this article you\u2019ll also like these:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/www.wendyzhou.se\/blog\/the-best-free-figma-community-files-and-plugins\/\">The Best Free Figma Community Files and Plugins<\/a><\/li><li><a href=\"https:\/\/www.wendyzhou.se\/blog\/how-to-import-sketch-to-figma\/\">How to Import Sketch to <\/a><\/li><li><a href=\"https:\/\/www.wendyzhou.se\/blog\/4-best-cyberpunk-ui-font-tips-examples\/\">Cyberpunk UI Font \u2013 Tips &amp; Examples<\/a><\/li><li><a href=\"https:\/\/www.wendyzhou.se\/blog\/4-best-futuristic-modern-tech-fonts-on-figma\/\">Futuristic Modern Tech Fonts on Figma<\/a><\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>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.<\/p>\n","protected":false},"author":1,"featured_media":4794,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[6],"tags":[],"class_list":["post-3960","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux-and-ui-design","entry","has-media"],"gutentor_comment":0,"uagb_featured_image_src":{"full":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/01\/Best-figma-fonts.png",2560,1440,false],"thumbnail":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/01\/Best-figma-fonts-150x150.png",150,150,true],"medium":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/01\/Best-figma-fonts-300x169.png",300,169,true],"medium_large":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/01\/Best-figma-fonts-768x432.png",768,432,true],"large":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/01\/Best-figma-fonts-1024x576.png",1024,576,true],"1536x1536":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/01\/Best-figma-fonts-1536x864.png",1536,864,true],"2048x2048":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/01\/Best-figma-fonts-2048x1152.png",2048,1152,true],"ocean-thumb-m":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/01\/Best-figma-fonts.png",600,338,false],"ocean-thumb-ml":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/01\/Best-figma-fonts.png",800,450,false],"ocean-thumb-l":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/01\/Best-figma-fonts.png",1200,675,false]},"uagb_author_info":{"display_name":"Wendy Zhou","author_link":"https:\/\/www.wendyzhou.se\/blog\/author\/wendy1111live-se\/"},"uagb_comment_info":0,"uagb_excerpt":"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.","_links":{"self":[{"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/posts\/3960","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/comments?post=3960"}],"version-history":[{"count":13,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/posts\/3960\/revisions"}],"predecessor-version":[{"id":6819,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/posts\/3960\/revisions\/6819"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/media\/4794"}],"wp:attachment":[{"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/media?parent=3960"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/categories?post=3960"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/tags?post=3960"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}