컴포넌트 & 인스턴스

컴포넌트 프레임 이미지 radius 유지

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

질문사항

컴포넌트 내 프레임에 이미지를 복사해 넣을 때, 프레임의 `radius` 값이 풀리는 현상이 발생합니다. `radius` 값을 유지한 채 이미지를 넣는 방법이 궁금합니다.

답변

이미지를 프레임에 넣을 때 `radius` 값이 풀리는 것처럼 보이는 현상은 주로 프레임의 `Clip content` 옵션이 해제되어 있을 때 발생합니다. `Clip content`는 프레임 경계를 벗어나는 모든 콘텐츠를 숨기는 기능입니다.

해결 방법:

프레임 선택: 이미지를 넣은 프레임을 선택합니다.

`Clip content` 확인: 오른쪽 사이드바의 `Design` 패널에서 `Frame` 섹션을 찾아 `Clip content` 체크박스가 활성화되어 있는지 확인합니다.

체크박스 활성화: 만약 체크되어 있지 않다면, `Clip content`를 체크하여 활성화합니다.

이렇게 하면 프레임의 `radius` 값이 정상적으로 적용되어 이미지가 프레임 경계에 맞춰 잘리게 됩니다. 이미지를 프레임 안에 넣는 가장 좋은 방법은 이미지를 선택한 후 프레임 위로 드래그하여 `Mask`처럼 사용하는 것입니다. 이 경우 이미지가 자동으로 프레임의 `radius`를 따르게 됩니다.