Дизайн для экранов редко проектируют под один размер. Чтобы облегчить создание макетов в меняющемся размере фрейма, в Figma используются ограничители.
Это важная тема, которая стоит в основе работы с компонентами и типографикой.
Ограничители — это индивидуальные настройки каждого слоя в фрейме, которые помогают контролировать, как он будет вести себя при изменении размеров фрейма.
Мы задаём поведение слоёв, чтобы использовать их в разных макетах. Можно настроить шапку сайта или приложения один раз, а затем переиспользовать её компонент в макетах любой ширины от самого маленького телефона с шириной 320 px до гигантского моноблока шириной 1920 px. Каждый слой будет иметь набор настроек, который определит, будет ли он искажаться, липнуть к краям или вставать по центру.
Если бы не существовало ограничителей, пришлось делать шапки под каждый размер экрана, а это неэффективно.
Ограничители шейпа по умолчанию:
Когда мы создаём слой в фрейме или перемещаем существующий слой во фрейм, у того появляются два ограничителя: Left и Top. Они видны в прицеле в блоке Constraints.
F. Самый маленький айфон, который имеет смысл поддерживать. Он будет размера 320 х 568.