# 빠른 시작
Framer에서 LottieFiles를 열고 첫 애니메이션을 게시하세요.

무료 공개 애니메이션을 고르고 Framer 페이지에 삽입한 뒤, 미리 보기와 게시까지 이어지는 가장 짧은 전체 과정을 따라갑니다.

## 시작하기 전에

- 편집하고 게시할 수 있는 페이지가 있는 Framer 프로젝트를 엽니다.
- 애니메이션을 배치할 Frame 또는 페이지 영역을 정합니다.
- 최신 Framer 브라우저 또는 데스크톱 에디터 세션을 사용합니다.

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

## 이 장에서 다루는 내용

1. **[설치](/ko/integrations/framer/01_quickstart/installation)** - Framer 또는 Marketplace 페이지에서 LottieFiles 플러그인을 엽니다.
2. **[인터페이스](/ko/integrations/framer/01_quickstart/interface)** - Explore, Workspace, 미리 보기, 계정 영역을 살펴봅니다.
3. **[첫 애니메이션](/ko/integrations/framer/01_quickstart/your-first-animation)** - Explore에서 실제 사이트 게시까지 전체 워크플로를 완료합니다.

<Image src="https://assets.docs.lottiefiles.com/static/354596d05a-640.webp" alt="Framer 캔버스에서 삽입한 애니메이션을 선택한 LottieFiles" caption="Framer 캔버스에서 삽입한 애니메이션을 선택한 LottieFiles" 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=" />

## 관련 문서

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