# 빠른 시작
Webflow에 LottieFiles를 설치하고 첫 애니메이션을 게시하세요.

사이트에 앱을 설치하고 무료 공개 애니메이션을 고른 뒤, 페이지 삽입부터 미리 보기와 게시까지 이어지는 가장 짧은 전체 과정을 따라갑니다.

## 시작하기 전에

- Apps를 설치하고 실행할 수 있는 Webflow 사이트를 엽니다.
- 페이지를 편집하고 최소한 스테이징 도메인에 게시할 수 있는 역할을 사용합니다.
- 애니메이션을 삽입할 위치 근처에 유효한 페이지 요소를 추가하거나 선택합니다.

Explore에서 첫 애니메이션을 삽입할 때는 LottieFiles 계정이 없어도 됩니다. Workspace, 저장 또는 다른 계정 기능이 필요하면 로그인하세요.

## 이 장에서 다루는 내용

1. **[설치](/ko/integrations/webflow/01_quickstart/installation)** - 작업할 Webflow 사이트에 LottieFiles를 추가하고 권한을 승인합니다.
2. **[인터페이스](/ko/integrations/webflow/01_quickstart/interface)** - Explore, Workspace, 미리 보기, 페이지 선택을 사용하는 삽입 방식을 살펴봅니다.
3. **[첫 애니메이션](/ko/integrations/webflow/01_quickstart/your-first-animation)** - Explore에서 실제 사이트 게시까지 전체 워크플로를 완료합니다.

<Image src="https://assets.docs.lottiefiles.com/static/9ddf3233a9-640.webp" alt="Webflow 캔버스에서 삽입한 애니메이션을 선택한 LottieFiles" caption="Webflow 캔버스에서 삽입한 애니메이션을 선택한 LottieFiles" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/9ddf3233a9-640.webp 640w, https://assets.docs.lottiefiles.com/static/9ddf3233a9-1024.webp 1024w, https://assets.docs.lottiefiles.com/static/9ddf3233a9-1920.webp 1920w" width="1920" height="1080" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAjklEQVR4nB3K6wqCMBiA4V1EdCDoYDUXuX2zdJpBSlRaUN3/vRRv4O/nUZfHh6b7UF1biuJEqM7U7Zume1PfXz+V2B1bE2OtI9w6xAtabxgNBkzHQ5QPOSLSgxFHnmcs5jPSpkXnAeUS2wdtdkxma/whsIkiVmXBMstQ1iZ4cdhQo8sn6fGCMTF7L6Tivn+P5D8Omvt+swAAAABJRU5ErkJggg==" />

## 관련 문서

- [애니메이션 찾기](/ko/integrations/webflow/02_explore/finding-animations)
- [Webflow에 삽입](/ko/integrations/webflow/05_insert-and-publish/inserting-into-webflow)
- [사이트 게시](/ko/integrations/webflow/05_insert-and-publish/publishing-your-site)