Сборка макета
Разместить текст, формы и изображения во фрейме.
Работа с Figma
Разберитесь, как организовать макет, работать со слоями и показать переходы между экранами.
В чём состоит навык
Работа с Figma — создание и редактирование дизайн-макетов в Figma: размещение элементов, организация слоёв и подготовка прототипов.
Где пригодится
Организация элементов
Назвать слои и сгруппировать связанные части экрана.
Прототипирование
Показать переход между двумя состояниями интерфейса.
Подготовка, навыки и инструменты
Для первого упражнения выберите небольшой экран и определите, какую задачу должен решить пользователь. Подготовьте текст и простую схему расположения элементов.
Связанные навыки
Связанные инструменты
Курсы для развития навыка «Работа с Figma»
Яндекс ПрактикумНейросети для дизайна
Курс о применении нейросетей в дизайне: генерации и обработке изображений, работе с текстом, видео и звуком и создании визуальных концепций.
64 000 ₽
Стоимость курса
от 2 612 ₽ / мес. на 36 мес.
GeekBrainsВеб-дизайн для детей
Курс GeekSchool для детей 10–15 лет: знакомство с дизайном веб-страниц, интерфейсов и интерактивных прототипов.
Цена на сайте
Стоимость курса
GeekBrainsЦифровой дизайнер
Программа GeekBrains о цифровом дизайне: визуальные решения, интерфейсы и сайты. Школа перечисляет названия разделов без подробного содержания.
Цена на сайте
Стоимость курса
ProductStarFigma для продакта: от интерфейса до защиты концепции
Мини-курс ProductStar для продактов и аналитиков о Figma: от создания макетов и интерактивных прототипов до презентации и защиты продуктовой концепции. Программа включает учебный кейс и рассчитана на два месяца.
19 900 ₽
При оплате частями
1 990 ₽ / мес. · 10 мес.
Что важно знать о навыке «Работа с Figma»
Figma — инструмент для работы с визуальными макетами и прототипами. В файле дизайна элементы организуются в слоях и фреймах; повторяемые части можно оформлять компонентами. Права на просмотр и редактирование зависят от настроек доступа к файлу.
Навык используют при проектировании интерфейсов, обсуждении экранов и передаче решений участникам проекта. Например, два фрейма могут показывать состояние формы до и после действия. Сам макет помогает обсудить поведение, но не является готовым работающим приложением.
Для практики соберите один экран из простых элементов, назовите слои и создайте второй вариант состояния. Проверьте читаемость и покажите прототип человеку, который не участвовал в создании. Затем уточните макет по замечаниям и сохраните понятную структуру файла.