# 인터페이스
Webflow용 LottieFiles 앱의 Explore, Workspace, 미리 보기, 캔버스 연동 영역을 살펴보세요.

앱은 두 가지 애니메이션 원본을 중심으로 구성됩니다. 어느 원본을 선택해도 같은 미리 보기와 현재 Webflow 페이지 선택을 사용하는 삽입 액션으로 이어집니다.

<Image src="https://assets.docs.lottiefiles.com/static/f70c4068fc-640.webp" alt="Webflow의 LottieFiles Explore 컨트롤" caption="Webflow의 LottieFiles Explore 컨트롤" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/f70c4068fc-640.webp 640w, https://assets.docs.lottiefiles.com/static/f70c4068fc-1024.webp 1024w, https://assets.docs.lottiefiles.com/static/f70c4068fc-1920.webp 1920w" width="1920" height="1080" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAnElEQVR4nCXKvQ7BUACA0b5B6USFTRcJUr8JlZSIv1YiJfe2BnJvS42diScnn8GZjxHGKUGcMY8Sxv4Kby9YqoJQKHZCfQ13MKI3ntKezGh1XfrbI17+ZJvcCKTCsKwy1ZrN0J/jdrosDoL1OSeQKYHUGGbJpGJX8Xyfq4woXm/W0YUw1v/gOE3qjQb7kyR/3El0xkZoQqnZSf35AXYGSdD62J9KAAAAAElFTkSuQmCC" />

## Explore

공개 LottieFiles 라이브러리는 **Explore**에서 둘러봅니다. 공개 애니메이션을 검색하고 Featured, Popular, Recent 결과를 살펴본 뒤 원하는 결과를 미리 보세요.

## Workspace

비공개 및 팀 에셋은 **Workspace**에서 사용합니다. 워크스페이스를 전환하고 프로젝트, 컬렉션, 폴더를 연 뒤 사이트에 사용할 승인 파일을 선택하세요.

## 애니메이션 미리 보기

미리 보기에서 다음 항목을 설정할 수 있습니다.

- 재생, 탐색, 반복, 속도, 배경
- SVG Player, ThorVG Player 또는 자동 렌더러 선택
- 지원되는 아트워크의 팔레트 변경
- 멀티 애니메이션 dotLottie 파일의 하위 애니메이션 선택
- 파일과 계정에서 지원하는 테마 및 상태 머신 컨트롤
- 상황에 따라 표시되는 **Insert animation**, **Save and insert animation** 등의 주요 액션

## Webflow 페이지 선택

삽입하기 전에 페이지 요소를 선택해야 합니다. 표준 Lottie 삽입은 현재 선택을 캔버스 삽입 위치로 사용합니다. 고급 dotLottie 플레이어는 Div block처럼 자식 요소를 포함할 수 있는 요소 안에 배치해야 합니다.

삽입에 실패하면 준비한 미리 보기를 닫지 말고 페이지로 돌아가 적절한 컨테이너를 선택한 뒤 다시 시도하세요.

## 관련 문서

- [첫 애니메이션](/ko/integrations/webflow/01_quickstart/your-first-animation)
- [앱 컨트롤](/ko/integrations/webflow/06_reference/plugin-controls)
- [Webflow에 삽입](/ko/integrations/webflow/05_insert-and-publish/inserting-into-webflow)