개발자 핸드오프

올바른 파일 형식, 워크스페이스 링크, 플레이어 안내와 함께 Figma to Lottie 내보내기를 핸드오프합니다.

개발자 핸드오프는 개발자에게 세 가지를 주는 일입니다. 올바른 파일, 올바른 링크, 올바른 런타임입니다.

핸드오프 체크리스트

  1. 애니메이션이 Workspace에 저장되어 있다면 워크스페이스 에셋 URL을 공유합니다.

  2. 출력 형식을 확인합니다. .lottie를 우선하고, 레거시 lottie-web 호환성에는 .json을 사용합니다.

  3. 애니메이션이 인터랙티브인지 개발자에게 알려 줍니다.

  4. 형식에 맞는 런타임을 추천합니다.

  5. 애니메이션이 상태 머신이나 테마를 사용한다면 메모를 포함합니다.

런타임 안내

  • .lottie 파일에는 dotLottie 런타임을 사용하세요. 작은 파일과 상태 머신, 테마, 모션 토큰 같은 고급 기능에 권장되는 형식입니다.

  • 목적지가 여전히 lottie-web 스타일 플레이어에 의존한다면 .json에는 레거시 Lottie 런타임을 사용합니다.

  • 인터랙티브 Figma 내보내기에는 dotLottie와 dotLottie 런타임이 필요합니다.

피해야 할 것

  • 개발자에게 프로덕션 애니메이션이 필요한데 GIF만 보내지 마세요.

  • 인터랙티브 프로토타입을 Lottie JSON으로 내보낸 뒤 인터랙션이 작동하길 기대하지 마세요.

  • Figma의 플레이어 미리 보기가 모든 앱 런타임에서 동일한 재생을 보장한다고 가정하지 마세요.

관련 문서

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