레이아웃 & 그리드

프레임 높이 고정, 가로만 늘리기

피그마 오픈카톡방2026. 3. 7.

질문사항

높이가 고정인데 가로만 늘릴 수 있나요? 전체 프레임 높이 고정인 상태에서 안에 이미지 가로만 커져야 하나요?

답변

네, 가능합니다. 이미지의 가로만 늘리고 높이를 고정하려면, 이미지 레이어를 선택한 후 우측 사이드바의 "Constraints" 또는 "Resizing" 설정을 활용할 수 있습니다.

일반 프레임 내 이미지:

이미지 레이어를 선택합니다.

"Constraints" 섹션에서 "Horizontal"을 "Left & Right" 또는 "Scale"로 설정합니다.

"Vertical"을 "Top" (또는 "Bottom")으로 설정하고, 이미지의 높이를 고정값으로 유지합니다.

*주의: 이 경우 이미지의 가로세로 비율이 깨질 수 있습니다.*

오토 레이아웃(Auto Layout) 프레임 내 이미지:

이미지 레이어를 선택합니다.

"Resizing" 섹션에서 "Horizontal resizing"을 "Fill container"로 설정합니다.

"Vertical resizing"을 "Fixed height"로 설정하고, 원하는 높이 값을 입력합니다.

*주의: 이 경우에도 이미지의 가로세로 비율이 깨질 수 있습니다.*

만약 이미지의 가로세로 비율을 유지하면서 가로만 늘리고 싶다면, 이는 불가능합니다. 비율 유지를 위해서는 가로와 세로가 함께 늘어나야 합니다. 이 경우, 이미지를 프레임에 맞게 `Fill` 또는 `Fit`으로 설정하거나, `Crop` 기능을 사용하여 원하는 부분만 보여주는 방법을 고려할 수 있습니다.