# 플레이어 설정
Framer에 삽입한 LottieFiles 플레이어 컴포넌트를 조정하세요.

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

<Image src="https://assets.docs.lottiefiles.com/static/354596d05a-640.webp" alt="LottieFiles 미리 보기가 보이는 선택된 Framer 플레이어" caption="LottieFiles 미리 보기가 보이는 선택된 Framer 플레이어" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/354596d05a-640.webp 640w, https://assets.docs.lottiefiles.com/static/354596d05a-1024.webp 1024w, https://assets.docs.lottiefiles.com/static/354596d05a-1920.webp 1920w" width="1920" height="1080" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAkklEQVR4nC3MTQsBQRyA8fnaDoTDRkKcHeS0ydHBTTn5BMpBEm2W2U1Zsy8z/3m08lx/9ahWMKLTn9AdTGn3xjSDIfNwxWa7Y7YIRRVlSZ0IeO8Bj1QVxeWJWIvK8xwRj3MQP1I+scZkhnf6IssylKvlnzmduY2XmMKTe0vpLEqc/LCe63DPobHmqjXHe0SUJO4LsF+QPVU5vcoAAAAASUVORK5CYII=" />

## 재생

- **Autoplay**는 플레이어가 불러와질 때 애니메이션을 시작합니다.
- **Loop**는 일반 타임라인 애니메이션을 반복합니다.
- **Speed**는 타임라인 재생 속도를 바꿉니다.
- **Background**는 투명하게 유지하거나 특정 색상을 사용할 수 있습니다.

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

## 원본 및 렌더러

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

## 테마 설정

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

## Framer 레이아웃

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

## 관련 문서

- [애니메이션 색상 변경](/ko/integrations/framer/04_prepare/recoloring-an-animation)
- [테마 사용](/ko/integrations/framer/04_prepare/using-themes)
- [상태 머신 준비](/ko/integrations/framer/04_prepare/preparing-state-machines)