| ||
| ||
10+ лучших шрифтов Figma в 2023 году для дизайна UI/UX
Вы ищете лучшие шрифты Figma, чтобы сиять в вашем следующем дизайне UI или UX? Преимущество Figma в том, что вы можете быстро выбирать между различными комбинациями шрифтов.
Программное обеспечение включает в себя несколько шрифтов, но также дает вам возможность добавлять пользовательские шрифты вручную.
Правда в том, что шрифты являются одним из элементов, которые могут улучшить и выделить ваш дизайн. Важность типографики для дизайна просто нельзя недооценивать.
Выбранный вами шрифт должен быть удобочитаемым, передавать правильное сообщение и выражать индивидуальность бренда, который вы представляете своим дизайном.
А этого добиться непросто.
Вот почему мы создали список лучших шрифтов Figma, которые вы можете использовать в 2023 году и далее. Без дальнейших церемоний, давайте начнем.
13 лучших шрифтов для дизайнеров Figma
Наш выбор основан на трех аспектах: тенденции шрифтов UI / UX, разборчивость и ремонтопригодность. Хотя несколько шрифтов на рынке соответствуют нашим критериям, следующие 13 оказались лучшим выбором для проектов Figma.
1. Lato
Lato — один из шрифтов, предложенных в официальном руководстве Figma Pairings Guide.
Лукаш Дзеджич создал семью Лато. Это один из самых полных шрифтов без засечек на рынке.
Lato включает в себя более десяти начертаний шрифта, прописные и строчные латинские буквы, цифры и расширенную пунктуацию. Шрифт также доступен на 178 языках. Благодаря элегантному современному дизайну Lato идеально подходит для любого приложения, разработанного с помощью Figma.
Согласно Figma, этот шрифт Google можно легко комбинировать с другими шрифтами, такими как Karla, Abril Fatface и Merriweather.
2. Montagu Slab
Наш следующий выбор — один из самых популярных среди пользователей Figma шрифтов с засечками. Montagu Slab — открытый дисплейный шрифт, разработанный Флорианом Карстеном. С семью различными стилями, всеми необходимыми символами, цифрами и знаками препинания, это идеальный универсальный инструмент для разработки приложений.
Шрифт Montagu Slab также содержит несколько символов валюты и поддерживает более 200 языков на основе латинского алфавита.
Шрифт вдохновлен классикой 19типографика 19-го века, что делает ее подходящей для современного и ретро-дизайна Figma.
3. Resist Sans
Если вы ищете шрифт Figma, который на самом деле является улучшенной Helvetica, Resist Sans — лучший способ. Этот шрифт можно использовать для различных проектов. Несмотря на то, что большинство дизайнеров Figma используют Resist Sans для заголовков, он очень хорошо работает для абзацев.
Что касается компонентов шрифта, то Resist Sans нечего стыдиться. Шрифт содержит более 900 глифов для каждого из 14 включенных стилей.
В то же время Resist Sans предлагает множество альтернатив, поддержку кириллицы, использование заглавных букв и расширенную пунктуацию.
4. Great Sailor
В отличие от Google Fonts, упомянутых выше, Great Sailor — это пользовательский шрифт премиум-класса. Если вы чувствуете, что знаете большинство доступных на рынке шрифтов с открытой базой, это отличное решение.
Это один из лучших шрифтов Figma для приложений по многим причинам. Прежде всего, изогнутый дизайн шрифта делает его идеальным для современного дизайна Figma.
В то же время Great Sailor легко комбинируется практически с любым шрифтом с засечками, представленными на рынке. В комплект входят прописные и строчные буквы, цифры и знаки препинания.
5. Сочетания шрифтов Roboto
Скорее всего, вы уже знаете, что такое Roboto Font. Это один из самых популярных шрифтов без засечек, когда-либо созданных. Большим преимуществом Roboto является то, что его можно сочетать с несколькими современными шрифтами.
И это лишь некоторые из них: Roboto хорошо работает в сочетании с Nunito, Raleway, Lato и Archivio. Правда в том, что в 2023 году Roboto будет использоваться бесчисленное количество приложений и веб-сайтов.0003
Но если вы соедините этот шрифт с одним из вышеперечисленных, результат будет не только красивым, но и уникальным.
6. Утепление
Утепление было первоклассным выбором для дизайнеров Figma с момента его разработки.
Шрифт насчитывает миллионы загрузок на торговой площадке Envato Elements. Этот современный шрифт без засечек с более чем 350 глифами легко попал в нашу подборку.
Шрифт доступен в 3 форматах (TTF, OTF и WOFF), что позволяет загрузить его на Figma всего за несколько минут. Кроме того, Warming представляет собой семейство из 12 различных вертикальных и курсивных шрифтов.
Это идеальный универсал, если вы ищете уникальный и современный шрифт для своего следующего веб-дизайна.
7. Magnify
Будучи одним из самых популярных когда-либо созданных геометрических шрифтов без засечек, Magnify идеально подходит для чистого дизайна приложений. Благодаря своей уникальной структуре Magnify обещает удовлетворить самых требовательных клиентов.
Magnify поставляется с 16 весами и стилями, нормальным интервалом и предлагает альтернативы для определенных символов нижнего регистра (a,g,y,o). В то же время заглавные буквы O, G, C и Q интегрируют уникальный графический элемент.
По словам дизайнера xdCreative, этот шрифт вдохновлен классическим семейством шрифтов Futura 1927. Несмотря на то, что Magnify можно использовать для абзацев, заголовки — это то, где он действительно сияет.
8. Lexend
Нет рыночного списка лучших шрифтов Figma, которые не включают Lexend. Есть много причин, по которым этот шрифт является одним из самых успешных дизайнов приложений.
Прежде всего, это разборчивый шрифт, соответствующий трендам UX и UI 2022 года. На самом деле, Lexend был разработан с единственной целью: улучшить нашу способность читать. 5 разных дизайнеров усердно работали над разработкой Lexend, и результат потрясающий.
Комбинируемость Lexend также на высшем уровне. Во время нашего тестирования этот шрифт отлично сочетался с различными экранными шрифтами для современного дизайна. Поскольку Lexend — это шрифт с открытой базой, доступный в Google Fonts, вы можете использовать его бесплатно.
9. Cern & Cern Display
Если вам нужен гибкий шрифт Figma, способный обрамлять дизайн нескольких приложений, Cern & Cern — это разумное решение.
Этот шрифт без засечек, имеющий более 40 жирностей, представляет собой более полное семейство шрифтов.
Cern доступен в 2 наборах символов (центрально- и восточноевропейский) и включает цифры и основные знаки препинания. Как и в случае с Lexend, Cern & Cern был разработан как читаемый шрифт для абзацев и заголовков.
Курсив этого пакета оптимизирован для плавного чтения, и это семейство можно комбинировать с несколькими шрифтами Figma.
10. Woodman
Правда в том, что Woodman — скорее нишевый шрифт. Как ретро-шрифт с засечками, Woodman идеально подходит для винтажного дизайна и соответствующих веб-приложений. Тем не менее, это не означает, что вы не можете использовать его и в современных проектах.
Тонкий стиль Woodman идеально подходит для современных заголовков. Вудман представлен в четырех разных стилях: заглавные и строчные буквы, альтернативы, лигатуры, цифры и знаки препинания.
Если добавить расширенную многоязычную поддержку и тот факт, что Woodman идеально подходит для расширения возможностей бренда, этот шрифт просто необходим для серьезного дизайна Figma.
11. Пара шрифтов Raleway
Raleway — последняя пара шрифтов в списке, рекомендованном Figma. Это элегантный шрифт, который хорошо сочетается с различными современными шрифтами, такими как Roboto и Open Sans.
Мэтт Макинерни изначально разработал шрифт в 2010 году. С тех пор другие дизайнеры добавили больше веса. По состоянию на 2023 год Raleway представляет собой всеобъемлющее семейство шрифтов из 18 весов, идеально подходящее для любого современного дизайна.
Включает несколько лигатур, все прописные и строчные буквы, цифры и знаки препинания. Raleway подходит для 165 языков латиницы и кириллицы.
12. Nunito
Если вы уже много лет работаете дизайнером Figma, вы сталкивались с Nunito. Правда в том, что это довольно простой шрифт без засечек. Но это не обязательно плохо. Наоборот, такой строительный баланс делает Nunito одним из лучших шрифтов для элегантного дизайна.
Большинство дизайнеров Figma сочетают Нунито с Лорой и Робото.
Это, безусловно, самые удачные сочетания шрифтов для этого шрифта.
Nunito недавно был дополнен 6 гирями. Это делает его разумным выбором как для заголовков, так и для абзацев. Если вы ищете читаемый тонкий шрифт без засечек, Nurito — хороший выбор.
13. Пары шрифтов Ubuntu
И последнее, но не менее важное: у нас есть семейство шрифтов Ubuntu. Ubuntu был лучшим выбором для дизайна Figma UI / UX с момента его рождения в 2010 году. Он в основном используется для дизайна современных брендов. За последние несколько лет стили шрифтов Ubuntu Monospace и Condensed становятся все более популярными.
Поскольку Ubuntu доступен по открытой лицензии, дизайнеры Figma могут свободно редактировать и экспериментировать со структурой шрифта. Это делает Ubuntu одним из самых гибких шрифтов Figma.
Лучшее в Ubuntu то, что она содержит почти все распространенные алфавиты. Ничто не упущено из греческого алфавита для всех латинских и кириллических символов.
Ubuntu полностью поддерживает более 300 языков.
Альтернативы шрифтам SF Pro и Inter
Шрифт SF Pro — это идеальный шрифт, который используется в самых разных условиях. Тем не менее, есть много других шрифтов без засечек, которые можно использовать в качестве альтернативы SF Pro или Inter, чтобы оживить ваши проекты Figma.
Проверьте ветку Денислава в Твиттере, чтобы вдохновиться
Как добавить шрифты в Figma?
Добавление шрифтов в программное обеспечение для веб-дизайна никогда не было таким простым. Figma позволяет импортировать пользовательские шрифты тремя различными способами.
Прежде всего, программное обеспечение для настольных ПК автоматически определяет любой шрифт, который уже установлен на вашем компьютере. Итак, если вы используете настольное приложение Figma для Windows или Mac, ваши локальные шрифты автоматически регистрируются в программном обеспечении Figma.
Но что, если вы используете веб-приложение Figma? Если это так, вам не о чем беспокоиться.
Вы можете быстро посетить официальный сайт Figma и загрузить установщик шрифтов приложения. Программа установки доступна как для устройств с ОС Mac, так и для Windows. Это позволит вам быстро установить любой шрифт, который вы загрузили на свой компьютер.
Второй способ добавить шрифт в свою учетную запись Figma — через вкладку «Ресурсы» в приложении. Все, что вам нужно сделать, это:
Откройте настольное приложение Figma
Перейдите в Настройки администратора → Ресурсы
Нажмите «Загрузить шрифты». Выберите шрифт, который вы загрузили на свой компьютер, и нажмите «Открыть».
Наконец, если вы хотите добавить шрифт в Figma для своей команды, процесс загрузки немного отличается. После доступа к приложению Figma перейдите в «Настройки» → «Управление общими шрифтами». Там все, что вам нужно сделать, это нажать кнопку + в верхней части экрана и добавить свой шрифт, просмотрев локальные файлы.
Резюме
Становится ясно, что Figma предлагает несколько способов добавления пользовательских шрифтов в настольное или веб-приложение.
После того, как вы установите один из лучших из вышеперечисленных шрифтов, вы можете соответствующим образом отредактировать свой дизайн UI / UX. Действительно, когда дело доходит до типографики вашего приложения, у вас есть безграничные возможности.
То же самое касается различных комбинаций шрифтов, которые вы можете использовать в соответствии с вашими потребностями. В конце концов, вы отвечаете за визуальные аспекты своих проектов. В любом случае, мы надеемся, что наш список лучших шрифтов Figma вдохновит вас на эксперименты с типографикой ваших будущих проектов.
Шрифты Figma: FAQ
Какой шрифт в Figma выглядит как рукописный?
Вы можете использовать несколько шрифтов в Figma, чтобы ваш дизайн выглядел рукописным. Такие шрифты, как Permanent Maker и Gloria Hallelujah , обычно являются лучшим способом добавить рукописного блеска в ваши проекты Figma.
Как добавить шрифты в Figma?
Чтобы добавить собственный шрифт в Figma, вы можете загрузить установщик шрифтов Figma (для веб-приложения) или вручную загрузить шрифт (для настольного приложения).