오토 레이아웃

그룹 vs 프레임 사용

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

질문사항

Figma에서 그룹(Group) 대신 프레임(Frame)을 사용하는 것이 더 좋은 경우는 언제인가요?

답변

Figma에서 그룹(Group) 대신 프레임(Frame)을 사용하는 것이 더 좋은 경우는 다음과 같습니다. 프레임은 그룹보다 더 강력한 기능을 제공하여 디자인의 구조화와 반응형 디자인에 유리합니다.

오토 레이아웃(Auto Layout) 적용 가능:

프레임에만 오토 레이아웃을 적용할 수 있습니다. 오토 레이아웃은 내부 요소들의 간격, 정렬, 크기 조절 등을 자동으로 관리해주어 반응형 디자인을 쉽게 만들 수 있게 합니다. 그룹은 오토 레이아웃을 지원하지 않습니다.

컨테이너 역할 및 클리핑 콘텐츠(Clip Content):

프레임은 다른 레이어들을 담는 명확한 컨테이너 역할을 하며, 'Clip Content' 기능을 통해 프레임 경계를 벗어나는 내용을 숨길 수 있습니다. 이는 스크롤 가능한 영역이나 특정 영역 내에서만 보여야 하는 콘텐츠를 디자인할 때 필수적입니다.

그룹은 단순히 여러 레이어를 묶는 역할만 하며, 클리핑 기능을 제공하지 않습니다.

제약 조건(Constraints)의 효과적인 활용:

프레임 내의 요소들은 부모 프레임에 대한 제약 조건(Constraints)을 설정하여 화면 크기 변화에 따라 유연하게 반응하도록 만들 수 있습니다. 그룹은 내부 요소에 대한 제약 조건을 직접적으로 관리하기 어렵습니다.

컴포넌트화의 기본:

재사용 가능한 UI 컴포넌트를 만들 때, 프레임은 컴포넌트의 기본 구조를 형성하는 데 필수적입니다. 컴포넌트는 오토 레이아웃이 적용된 프레임으로 구성되는 경우가 많습니다. 그룹은 컴포넌트의 기본 단위로 사용되기 어렵습니다.

결론:

단순히 여러 요소를 일시적으로 묶어 이동하거나 편집할 때는 그룹을 사용할 수 있습니다. 하지만 디자인 시스템을 구축하거나, 반응형 디자인을 고려하거나, 오토 레이아웃 및 컴포넌트 기능을 활용해야 할 때는 프레임을 사용하는 것이 훨씬 효율적이고 강력합니다. 개발자와의 협업 시에도 프레임은 `div`나 `View`와 같은 컨테이너 개념과 더 유사하여 소통에 유리합니다.