Фигма предоставляет большой набор возможностей для создания текстовых надписей. За урок мы научимся работать с текстом, иконками, а также со слоями в Фигма.
Текстовые надписи
Для создания текстовых надписей используется специальный инструмент Текст. Вам нужно выбрать его, нажать где-либо на экране и после этого прописать текст. К тексту можно добавить стили: цвет, жирность, обводка, размер шрифта и так далее.
Для выборки шрифта вы можете использовать сервис Google Fonts. Шрифты с этого сервиса подтягиваются в Figma и вы можете быстро их выбирать.
Иконки
В программе вы можете создавать иконки самостоятельно, но если иконка стандартной формы, то её, скорее всего, можно просто скачать. Для скачивания иконок есть множество сайтов, но мы в ходе урока использовали веб сайт IconFinder.
Материалы для курса figma_text.svg
Задание к уроку
Добавьте текстовую надпись и укажите ей стили как показано на фото ниже:
Вы можете скачать весь проект по этой ссылке. Позже вы сможете импортировать его в Figma.
Большое задание по курсу
Задание рассчитано на весь видеокурс. Его необходимо выполнять по мере прохождения курса или по его окончанию.
В ходе большой работы вам предстоит разработать дизайн для основной страницы мобильного приложения. Дизайн не столь сложный, но при его выполнении постарайтесь максимально не использовать готовые иконки, а воссоздавать все самостоятельно.
Ниже вы можете посмотреть на пример дизайна, что вам необходимо реализовать:
