# Workspace 애니메이션 삽입
승인된 Workspace 파일을 미리 보고 Webflow 페이지에 추가하세요.

Workspace 삽입은 비공개 또는 팀에서 관리하는 원본에서 시작해 네이티브 Webflow Lottie 요소나 고급 dotLottie 플레이어를 추가하는 과정입니다.

## 선택한 파일 추가

1. Webflow에서 삽입할 페이지 요소 또는 컨테이너를 선택합니다.
2. **Workspace**를 열고 승인된 파일로 이동합니다.
3. 미리 보기를 재생하고 현재 애니메이션, 팔레트, 테마, 상태 머신 모드를 확인합니다.
4. **Insert animation**을 선택합니다.
5. 페이지와 Navigator에서 삽입된 요소를 확인합니다.

<Image src="https://assets.docs.lottiefiles.com/static/553026d13f-640.webp" alt="Webflow 삽입 준비가 된 Workspace 애니메이션 미리 보기" caption="Webflow 삽입 준비가 된 Workspace 애니메이션 미리 보기" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/553026d13f-640.webp 640w, https://assets.docs.lottiefiles.com/static/553026d13f-1024.webp 1024w, https://assets.docs.lottiefiles.com/static/553026d13f-1920.webp 1920w" width="1920" height="1080" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAkUlEQVR4nCXOOQ6CQABAUc5haE1ElHUCYZdC0AwkJiiMjWG7/wk034L+FU+TaiarG/K0IK0lIs4QUUajFuQw/zTZT5xsj9A0sCybqmqIkgu354f2vaLJYcJ2PXzXwRcBQVji+jGyH2nUinZ/jSQi4GwamJbDTtfZH460w7wBOcwEccH10ZO3CiPvsMpuO6jl+wfJEEduo8ljlQAAAABJRU5ErkJggg==" />

## 삽입 결과 이해

- 일반 Lottie 재생은 Webflow Asset과 네이티브 Lottie 요소를 만듭니다.
- dotLottie v2 또는 활성 상태 머신은 선택한 컨테이너 안에 고급 플레이어를 만들고 필요한 페이지 사용자 지정 코드를 추가합니다.

고급 방식에서는 디자인 캔버스에 썸네일이 표시되고 실제 플레이어는 Preview와 게시된 페이지에서 실행될 수 있습니다.

## 수정한 파일

애니메이션 색상을 바꾸면 주요 액션이 **Save and insert animation**으로 바뀝니다. 앱이 먼저 새 Workspace 파일을 저장합니다. 저장된 결과를 열고 **Insert animation**을 선택해 계속 진행하세요. 전체 과정은 [애니메이션 색상 변경](/ko/integrations/webflow/04_prepare/recoloring-an-animation)에서 확인할 수 있습니다.

## 관련 문서

- [Webflow에 삽입](/ko/integrations/webflow/05_insert-and-publish/inserting-into-webflow)
- [멀티 애니메이션 파일 사용](/ko/integrations/webflow/04_prepare/working-with-multi-animation-files)