Figma에서 배경을 투명하게 만드는 방법 (2026 가이드)

Figma는 인터페이스 디자인을 위해 만들어졌으며 사진 편집용이 아니기 때문에, "배경 제거"라는 말은 사진 도구와는 다른 의미를 갖습니다. 프레임이나 아트보드의 배경을 내보낼 때 사라지게 하고 싶은 것뿐이라면 Figma는 이를 기본적으로 지원합니다. 하지만 복잡한 배경이 있는 사진(제품 사진, 인물 사진, 배치된 이미지)이 있다면, Figma에는 대상을 감지하고 잘라내는 기본 기능이 없습니다. 플러그인을 사용하거나, 펜 도구로 인내심을 가지고 작업하거나, 이미지가 파일에 들어가기 전에 전용 배경 제거 도구를 사용해야 합니다.

Figma 프로젝트에서 투명 배경이 중요한 이유

투명 PNG를 사용하면 로고, 제품 사진, 아이콘을 어떤 색상, 스크린샷 목업, 그래디언트 위에도 눈에 보이는 상자 없이 겹쳐놓을 수 있습니다. 이는 UI 키트, 마케팅 자료, 앱 스토어 스크린샷, 그리고 동일한 에셋이 여러 배경 위에 놓여야 하는 모든 디자인 시스템에서 중요합니다.

방법 1: 투명 배경으로 프레임 내보내기

1단계: Figma에서 프레임, 그룹 또는 컴포넌트를 선택합니다.

2단계: 오른쪽 패널에서 프레임의 배경 채우기를 제거하거나 숨깁니다(채우기 색상 스와치를 클릭해 삭제하거나 표시를 끕니다).

3단계: 오른쪽 패널 하단의 Export 섹션을 열고 PNG를 선택해 내보냅니다. PNG는 알파 투명도를 지원하므로 배경 채우기가 제거된 부분은 흰색이 아닌 투명으로 내보내집니다.

이 방법은 "배경"이 촬영된 장면이 아니라 Figma에서 추가한 단순한 채우기 색상인 로고, 아이콘, UI 목업에 잘 작동합니다.

방법 2: 배치된 사진에서 배경 제거하기

투명 배경이 필요한 것이 사진(제품 사진, 인물 사진, 실제 물체의 스크린샷)이라면 Figma의 내보내기 설정은 도움이 되지 않습니다. 배경이 Figma 채우기가 아니라 이미지 자체의 픽셀 일부이기 때문입니다. Figma 내에서 현실적인 선택은 외부 API를 호출하는 커뮤니티 플러그인을 사용하거나, 펜 도구로 대상을 수동으로 마스킹하는 것인데, 이는 느리고 머리카락, 털, 미세한 디테일 주변에 깨끗한 가장자리를 만들어내는 경우가 거의 없습니다.

더 빠른 방법: 가져오기 전에 제거하기

대부분의 디자이너에게 가장 간단한 워크플로는 먼저 사진의 배경을 제거한 다음, 결과로 나온 투명 PNG를 바로 Figma로 드래그하는 것입니다. 이미지를 nobackground에 업로드하고, 기기 내 AI가 몇 초 만에 대상을 잘라내게 한 후, PNG를 다운로드해 캔버스에 배치하세요. 플러그인 권한도 계정도 필요 없고, 이 과정에서 이미지가 브라우저를 벗어나지도 않습니다.

깨끗한 투명 내보내기를 위한 팁

• 고밀도 디스플레이에서 사용할 것은 2배 또는 3배 스케일로 내보낸 후 필요하면 나중에 축소하세요. 이렇게 하면 잘라낸 부분 주위의 흐릿하고 부드러운 가장자리를 방지할 수 있습니다.
• 전달하기 전에 체크보드나 어두운 배경에 투명 PNG를 미리보기 하세요. 밝은 회색 가장자리 헤일로는 흰색 캔버스에서는 놓치기 쉽습니다.
• 동일한 잘라낸 이미지를 여러 목업에 배치할 경우, 각 프레임에서 다시 내보내는 대신 원본 투명 PNG를 Figma 라이브러리의 공유 에셋으로 보관하세요.

Figma 투명도 관련 질문

Figma에는 배경 제거 기능이 내장되어 있나요? 아니요. Figma는 투명 채우기로 프레임이나 도형을 내보낼 수 있지만, 플러그인이나 외부 도구 없이는 사진에서 대상을 자동으로 감지하고 잘라낼 수 없습니다.

nobackground의 투명 PNG가 Figma에서 바로 작동하나요? 네. 다운로드한 PNG를 다른 이미지 에셋처럼 캔버스로 드래그 앤 드롭하기만 하면 됩니다. 투명도는 유지됩니다.