오토 레이아웃

Hug content 컴포넌트 크기 조절

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

질문사항

Auto Layout으로 만든 컴포넌트가 'Hug content'로 설정되어 있는데, 크기를 조절해도 변하지 않는 이유는 무엇일까요?

답변

Auto Layout 컴포넌트가 'Hug content'로 설정되어 있음에도 크기가 변하지 않는다면, 다음과 같은 원인들을 확인해 볼 수 있습니다:

Min/Max Width/Height 설정: 해당 컴포넌트나 그 안에 있는 자식 요소에 `Min width`, `Max width`, `Min height`, `Max height` 값이 지정되어 있는지 확인하세요. 이 값들이 현재 크기 조절을 방해할 수 있습니다.

내부 Auto Layout 요소의 Fill Container 설정: 컴포넌트 내부에 또 다른 Auto Layout 프레임이 있고, 그 프레임의 자식 요소들이 `Fill container`로 설정되어 있지 않다면, 부모 프레임의 크기 변화에 따라 자식 요소들이 확장되지 않을 수 있습니다. 자식 요소들이 부모 프레임의 크기에 맞춰 늘어나도록 `Fill container`로 설정해야 합니다.

고정된 크기(Fixed Width/Height) 요소: 컴포넌트 내부에 `Fixed width` 또는 `Fixed height`로 설정된 요소가 있다면, 이 요소가 전체 컴포넌트의 크기 조절을 제한할 수 있습니다.

제약 조건(Constraints): Auto Layout 프레임이 아닌 일반 프레임이나 그룹 내의 요소에 제약 조건이 잘못 설정되어 있을 경우에도 크기 조절에 영향을 줄 수 있습니다.

가장 정확한 진단을 위해서는 Figma 파일을 직접 확인하는 것이 좋습니다.