Перед тем, как приступать к работе с конструктором, важно изучить основные понятия области веб-дизайна. Научиться использовать grid и направляющие сетки. Ознакомиться с возможностями работы изображений, текста, фигур. Немаловажно знать работу с иерархией элементов перед разработкой Каркаса сайта начальных этапов проекта.

Для создания современного и красивого макета требуются знания теории цвета, а также всех компонентов интерфейса конструктора. Важно уметь подбирать цвета вашего проекта, различать оттенки, выбирать изображения и шрифт, соответствующие тематике и основной палитре будущего сайта. Для каждого из данных аспектов существуют свои интернет ресурсы, которые мы разберем в данном модуле.

Важным аспектом любой разработки является знание UX/UI-дизайна — это проектирование удобных, понятных и эстетичных пользовательских интерфейсов.
UX-дизайнер исследует Целевую аудиторию разработки, продумывает структуру продукта, анализирует пользовательские пути, а визуализирует его концепцию UI-специалист. Так как работа над UX- и UI-дизайном тесно связана между собой, чаще всего ею занимается один и тот же человек.

Основной задачей обучения является создание грамотных и стилистически верных прототипов и макетов будущего сайта. Зная, как работать с конструктором Figma и изучив основные правила дизайна веб-страниц, на этом этапе вы создадите свои первые макеты и прототипы сайтов, используете раннее изученные материалы в одном общем проекте, разработаете логотип, проведете бриф с выбором тематики проекта. (но можно оставить то, что есть на разработанном макете)

Завершающим этапом в работе с макетированием в конструкторе Figma будет создание адаптивной версии раннее разработанного макета вашего проекта. Адаптивный дизайн будет реализован на различные устройства (ноутбук, планшет, мобилка).

Дополнительный модуль уровня PRO. Анимацию используют, чтобы интерфейс приложения или сайта был удобным и понятным для пользователя. В рамках модуля разберемся, как сделать свою первую анимацию в Figma.