멀티 애니메이션 파일 사용

dotLottie 파일 하나에는 서로 관련된 여러 애니메이션이 들어갈 수 있습니다. 플러그인은 이를 캐러셀로 표시하므로 현재 페이지에 사용할 하위 애니메이션을 미리 보고 선택할 수 있습니다.

하위 애니메이션 선택

1. Explore 또는 Workspace에서 멀티 애니메이션 파일을 엽니다.

2. 하위 애니메이션 목록이 불러와질 때까지 기다립니다.

3. 캐러셀을 이동하며 이름, ID, 미리 보기를 비교합니다.

4. 삽입할 하위 애니메이션을 선택합니다.

5. 해당 하위 애니메이션에 필요한 경우에만 테마 또는 상태 머신을 적용합니다.

Framer에 전달되는 파일

삽입할 때 플러그인은 선택한 하위 애니메이션을 애니메이션 하나가 들어 있는 dotLottie 파일로 추출하고, 그 결과를 Framer 컴포넌트에 사용할 수 있도록 업로드합니다. 사용하지 않는 하위 애니메이션을 게시하지 않고 컴포넌트를 가볍게 유지할 수 있습니다.

상태 머신 모드가 활성화되어 있으면 추출한 애니메이션과 함께 사용할 선택된 상태 머신을 유지합니다. 다른 상태 머신은 삽입된 파일에서 제외된 하위 애니메이션을 참조할 수 있으므로 생략될 수 있습니다.

결과 확인

삽입한 뒤 예상한 하위 애니메이션이 먼저 불러와지는지, 해당 테마 또는 상태 머신이 Framer Preview에서도 동작하는지 확인하세요. 플러그인 캐러셀과 게시된 컴포넌트가 같다고 가정하지 말고 두 화면을 모두 테스트합니다.

관련 문서

• 상태 머신 준비

• 호환성 및 제한