80% дизайна интерфейсов — это работа с типографикой.
В Figma есть хорошие возможности для работы с текстом через специальный тип слоёв.
Чтобы создать текстовый слой, нажимаем T и кликаем в нужное место, либо растягиваем блок как прямоугольник или фрейм.
Шрифты из Google Web Fonts.
<aside> 🔗 Хорошая новость: в Figma изначально доступна огромная библиотека шрифтов Google Fonts, которую удобно использовать в веб-разработке.
</aside>
Многие из доступных шрифтов поддерживают кириллицу. Если ограничен бюджет проекта, рекомендую использовать в дизайне те шрифты, которые доступны в этой платформе.
<aside> 🔗 Повторю первую главу: чтобы локальные шрифты были доступны в браузере, нужно установить десктопный клиент либо запустить Font Helper.
</aside>
В Figma три текстовых режима: