# 애니메이션 준비
Webflow에 추가하기 전에 Lottie 애니메이션을 미리 보고 준비하세요.

준비는 애니메이션을 찾은 뒤 삽입하기 전에 선택적으로 거치는 단계입니다. 단순한 Lottie는 기본값을 그대로 사용해도 됩니다. 원본 검토, 시각적 조정 또는 고급 dotLottie 런타임이 필요할 때 이 장을 참고하세요.

## 이 장에서 다루는 내용

- **[로컬 애니메이션 추가](/ko/integrations/webflow/04_prepare/adding-a-local-animation)** - 로컬 원본을 Workspace에 업로드한 뒤 Webflow에서 사용합니다.
- **[미리 보기 및 커스터마이즈](/ko/integrations/webflow/04_prepare/previewing-and-customizing)** - 재생, 배경, 렌더러를 확인합니다.
- **[애니메이션 색상 변경](/ko/integrations/webflow/04_prepare/recoloring-an-animation)** - 프리셋 또는 직접 만든 팔레트를 적용하고 결과를 Workspace에 저장합니다.
- **[멀티 애니메이션 파일 사용](/ko/integrations/webflow/04_prepare/working-with-multi-animation-files)** - 하위 애니메이션을 선택하고 삽입 방식을 이해합니다.
- **[테마 사용](/ko/integrations/webflow/04_prepare/using-themes)** - 고정 테마를 적용하거나 라이트 및 다크 변형을 준비합니다.
- **[상태 머신 준비](/ko/integrations/webflow/04_prepare/preparing-state-machines)** - 인터랙티브 dotLottie 플레이어를 테스트하고 삽입합니다.

## 첫 삽입은 단순하게

게시된 경험에 dotLottie v2, 런타임 테마, 멀티 애니메이션 또는 상태 머신이 필요할 때만 고급 플레이어를 선택하세요. 일반 Lottie는 Webflow의 네이티브 요소를 사용하며 런타임 의존성이 더 적습니다.

## 관련 문서

- [Webflow에 삽입](/ko/integrations/webflow/05_insert-and-publish/inserting-into-webflow)
- [호환성 및 제한](/ko/integrations/webflow/06_reference/compatibility-and-limitations)