프로토타이핑

Lottie 애니메이션 이미지 누락

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

질문사항

피그마에서 Lottie 애니메이션을 사용할 때, 움직이는 객체 안에 이미지(JPG 등)를 Fill로 넣으면 이미지가 보이지 않습니다. 해결 방법이 있을까요?

답변

Lottie 애니메이션에서 움직이는 객체 안에 이미지를 Fill로 넣었을 때 이미지가 보이지 않는 문제는 Lottie 파일의 구조나 Figma의 렌더링 방식과 관련이 있을 수 있습니다. 일반적으로 Lottie 애니메이션은 벡터 기반으로 최적화되어 있으며, 복잡한 이미지 처리에 제한이 있을 수 있습니다.

해결 방법:

이미지를 프레임 배경으로 사용: 이미지를 Lottie 애니메이션 객체 내부에 넣기보다는, Lottie 애니메이션이 재생될 프레임의 배경으로 이미지를 설정하고 Lottie 애니메이션을 그 위에 별도의 레이어로 배치하는 방법을 시도해 보세요.

Lottie 파일 최적화: Lottie 파일을 내보낼 때 이미지 포함 방식이나 최적화 설정을 확인해 보세요.

플러그인 활용: Lottie 파일을 Figma에서 더 잘 다룰 수 있도록 돕는 플러그인(예: LottieFiles)을 사용해 볼 수도 있습니다.

이미지 포맷 변경: JPG 대신 PNG와 같은 다른 이미지 포맷을 시도해 보세요.