플레이어 컨트롤

Figma 내보내기를 위한 Lottie SVG 플레이어와 dotLottie(ThorVG) 플레이어 동작을 비교합니다.

LottieFiles는 Figma 핸드오프에서 중요한 두 가지 플레이어 계열을 지원합니다. Lottie SVG 플레이어와 dotLottie(ThorVG) 플레이어입니다.

**dotLottie (.lottie)**는 권장 내보내기 형식입니다. 파일이 더 작고 상태 머신, 테마, 모션 토큰을 지원합니다. 목적지가 여전히 레거시 lottie-web 재생에 의존할 때만 Lottie JSON을 사용하세요.

플레이어 지원 한눈에 보기

기능Lottie SVG 플레이어dotLottie(ThorVG) 플레이어
Lottie JSON(.json) 재생지원지원
dotLottie(.lottie) 재생미지원지원
폭넓은 하위 호환성강함dotLottie를 이해하는 런타임 필요
상태 머신미지원지원
테마미지원지원
가장 적합한 경우일반 .json 파일의 레거시 lottie-web 재생상태 머신, 테마, 모션 토큰을 포함한 .lottie 권장 재생

Lottie SVG 플레이어를 선택할 때

다음 경우에만 Lottie SVG 플레이어를 선택하세요.

  • 목적지가 이미 lottie-web을 사용하고 dotLottie 런타임으로 전환할 수 없습니다.

  • 레거시 호환성을 위해 .json 파일을 핸드오프해야 합니다.

  • 애니메이션이 단순하고 인터랙션이 없습니다.

dotLottie(ThorVG) 플레이어를 선택할 때

다음 경우 dotLottie(ThorVG) 플레이어를 선택하세요.

  • 애니메이션을 .lottie로 내보냈습니다.

  • 애니메이션이 상태 머신을 사용합니다.

  • 애니메이션이 테마를 사용합니다.

  • 지원 플랫폼 전반에서 더 일관된 dotLottie 재생을 원합니다.

Figma 인터랙션 규칙

애니메이션이 인터랙티브 Figma 프로토타입에서 왔다면 .lottie로 핸드오프하고 개발자에게 dotLottie 런타임을 사용하라고 알려 주세요. Lottie JSON과 lottie-web은 상태 머신 동작, 테마, 모션 토큰을 보존할 수 없습니다.

관련 문서

마지막 업데이트: 2026년 9월 11일 오후 12:08Common.editThisPage