레이아웃 & 그리드

특정 프레임 벗어나는 부분 숨김 처리

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

질문사항

선택된 아이폰 모델이 하얀색 사각형을 벗어나는 부분을 보이지 않게 처리하고 싶습니다. 어떻게 구현할 수 있을까요?

답변

특정 영역을 벗어나는 콘텐츠를 숨기려면 `프레임(Frame)`의 `Clip content` 기능을 사용해야 합니다.

그룹을 프레임으로 변경: 현재 아이폰 모델과 하얀색 사각형이 `그룹`으로 묶여 있다면, 해당 그룹을 선택하고 `Cmd + Option + G` (Mac) 또는 `Ctrl + Alt + G` (Windows)를 눌러 `프레임`으로 변경합니다. 또는 오른쪽 패널에서 `Group` 옆의 아이콘을 클릭하여 `Frame`으로 변경할 수 있습니다.

콘텐츠 포함 확인: 아이폰 모델이 이 프레임 안에 완전히 포함되어 있는지 확인합니다. 레이어 패널에서 아이폰 모델이 프레임의 하위 레이어로 들어가 있어야 합니다.

Clip content 활성화: 프레임을 선택한 상태에서 오른쪽 패널의 `Frame` 섹션에서 `Clip content` 체크박스를 활성화합니다. 이렇게 하면 프레임 경계를 벗어나는 모든 내용이 보이지 않게 됩니다.

만약 하얀색 사각형이 프레임의 배경 역할을 해야 한다면, 해당 사각형을 프레임의 `Fill`로 지정하거나, 프레임 안에 배치하고 `Clip content`를 적용하면 됩니다.