플레이어 설정

삽입한 LottieFiles 플레이어 컴포넌트를 선택하면 플러그인에 해당 컴포넌트의 미리 보기와 설정이 열립니다. 레이아웃 속성은 Framer에서, 애니메이션 관련 컨트롤은 플레이어에서 관리합니다.

재생

• Autoplay는 플레이어가 불러와질 때 애니메이션을 시작합니다.

• Loop는 일반 타임라인 애니메이션을 반복합니다.

• Speed는 타임라인 재생 속도를 바꿉니다.

• Background는 투명하게 유지하거나 특정 색상을 사용할 수 있습니다.

상태 머신 재생은 일반 타임라인 컨트롤 대신 상태와 전환 로직을 따릅니다.

원본 및 렌더러

컴포넌트는 애니메이션 원본 URL을 저장합니다. 원본이 멀티 애니메이션, 테마 또는 상태 머신을 사용한다면 Automatic 또는 ThorVG Player를 선택하세요. 해당 dotLottie 기능이 필요 없는 파일에만 SVG Player를 사용합니다.

테마 설정

기본 테마와 선택적인 라이트 및 다크 테마 ID를 지정합니다. 플러그인 미리 보기에서 페이지의 모든 조건을 재현할 수 없으므로 Framer Preview에서 색상 모드 변경을 확인하세요.

Framer 레이아웃

크기, 제약 조건, 위치, 오버플로, 표시 여부, 브레이크포인트 동작은 Framer에서 관리합니다. 컴포넌트 비율을 의도대로 설정하고 부모 Frame이 모션을 예상치 못하게 자르지 않는지 확인하세요.

관련 문서

• 애니메이션 색상 변경

• 테마 사용

• 상태 머신 준비