Чтобы получить контейнер экрана, выберите инструмент Frame клавишей F и протяните на холсте область нужного размера. Затем задайте ширину и высоту в свойствах. Можно выбрать готовый размер из списка пресетов справа, когда инструмент Frame активен.
У вас элементы уже нарисованы, поэтому удобен другой путь: выделите именно те слои, которые должны составить экран, и выполните Frame selection. В Windows это Ctrl+Alt+G, в macOS Option+Command+G. Получится фрейм вокруг выбранного содержимого. Назовите его, например, Экран входа, и раскройте в Layers, чтобы проверить состав.
Смысл контейнера виден при перемещении. Если заголовок, поля и кнопка вложены в него, они идут вместе с родительским фреймом. Если какой-то слой остался рядом в списке, он может лежать поверх экрана визуально, но не принадлежать ему. Перенесите такой слой внутрь нужного контейнера и снова проверьте движение на небольшое расстояние.
Обычный прямоугольник используется как фигура. Он может выглядеть как белый фон экрана, однако расположенные поверх надписи не становятся его дочерними слоями. Для фрейма белый фон можно задать заливкой самого контейнера, если отдельная фоновая фигура больше не нужна.
После сборки проверьте размеры и структуру. Не добавляйте в экран случайные слои с соседнего макета только потому, что они попали в рамку выделения. Отдельные фреймы можно вкладывать друг в друга, например карточку внутри экрана, но для первого опыта достаточно одного понятного контейнера с проверенным содержимым.
Ответить на вопрос