Если работаешь в Figma — наверняка сталкивался с этим: двинул блок чуть вбок, всё вроде окей… и тут бах — элементы полезли за пределы фрейма. Интерфейс съехал, верстка рушится, экспорт плывёт. А ты вроде и ничего такого не делал. Знакомая история. И почти всегда причина — в одной, совсем незаметной настройке. Ниже покажу на примере, что происходит — и как всё вернуть на свои места.
Почему элементы уходят за пределы Frame
В Figma элементы внутри фрейма могут выйти за его границы — и ты это даже не сразу заметишь. Визуально всё кажется аккуратным. Но потом — то фон уплывает, то кнопка застряла где-то сбоку. Особенно часто это видно:
- при экспорте;
- в передаче макета разработчикам;
- при открытии на другом экране.
Чтобы элементы не выходили за пределы фрейма нужно поставить галочку напротив Clip content, который находится в разделе "Layout"
Пошаговый алгоритм действий
- Нажмите на нужный фрейм (не отдельные элементы, а именно нужный Frame)
- В правой панели находим вкладку Layout (раньше была сверху, теперь ниже).
- Ставим галочку напротив Clip content.
✨ Готово! Всё, что выходит за фрейм, теперь просто не видно. Чисто и красиво.
Если забыть про Clip content, могут начаться мелкие, но неприятные проблемы:
- при экспорте в PNG или PDF — мусорные края;
- у разработчиков будет «грязный» макет с лишними слоями;
- на проверку и правки уходит больше времени;
- верстка не совпадает с тем, что задумано.
Одним словом — больше хаоса. А один чекбокс экономит часы на доработки.
✨ Хотите стать частью нашего креативного процесса? Оцените статью или оставьте свой след в комментариях. Ваш взгляд – наш вдохновляющий катализатор!
