내보내기 & 인쇄

이미지 Corner Radius 적용 및 추출

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

질문사항

이미지에 `Corner Radius`를 적용하고 원본 이미지를 추출하는 방법과 관련하여, 이미지를 프레임에 직접 넣는 대신 사각형 도형에 이미지를 채운 후 그 도형을 프레임에 넣으라는 의미인가요?

아닙니다, 사각형 도형에 이미지를 넣는 방식이 아니라, 원본 이미지 레이어 자체를 프레임으로 감싸는 방식을 의미합니다.

원본 이미지 레이어 선택: Figma 캔버스에 있는 원본 이미지 레이어를 선택합니다.

프레임으로 감싸기: 선택된 이미지 레이어를 `Ctrl + Alt + G` (Windows) / `Cmd + Option + G` (Mac) 또는 `Shift + A` (Auto Layout)를 눌러 프레임으로 감쌉니다.

프레임에 `Corner Radius` 및 `Clip content` 적용: 새로 생성된 프레임에 `Corner Radius`를 적용하고 `Clip content`를 체크합니다.

원본 이미지 추출: 개발자는 프레임 내의 원본 이미지 레이어를 선택하여 추출하거나, 디자이너가 직접 원본 이미지 레이어를 선택하여 추출하면 라운드가 적용되지 않은 이미지를 얻을 수 있습니다.

자세한 내용은 [ID:438]의 답변을 참고해 주세요.