오토 레이아웃
모바일 반응형 가로폭 제어
피그마 오픈카톡방2026. 3. 7.
질문사항
피그마에서 모바일 기기에 따라 반응형으로 대응하되, 가로폭은 최대로 설정한 Width 사이즈까지만 늘어나도록 하는 방법이 있을까요? Constraints로 높이는 반응형으로 만들었지만, 가로폭이 무한정 늘어나 UI가 깨집니다. 태블릿이나 PC에서는 모바일 웹뷰처럼 보이게 하고 싶습니다.
답변
Constraints만으로는 가로폭 최대 제한을 두면서 반응형으로 대응하기 어렵습니다. 이러한 고급 반응형 디자인을 구현하려면 Auto Layout을 사용하여 전체 구조를 짜는 것이 필수적입니다. Auto Layout을 활용하면 콘텐츠의 최대 너비를 설정하고, 부모 프레임의 크기에 따라 자식 요소들이 유연하게 반응하도록 제어할 수 있습니다. 일반 프레임에 Constraints만으로 작업했다면, 가로폭에 대한 최대 제약값을 주는 옵션은 따로 없습니다.