# Quickstart
Open LottieFiles in Framer and publish your first animation.

This quickstart follows the shortest complete path: choose a free public animation, insert it into a Framer page, preview the result, and publish it.

## Before you start

- Open a Framer project with a page you can edit and publish.
- Choose the frame or page area where the animation should appear.
- Use a current Framer browser or desktop editor session.

A LottieFiles account is optional for the first Explore insertion. Sign in when you need Workspace, Premium animations, saving, or other account features.

## In this chapter

1. **[Installation](/en/integrations/framer/01_quickstart/installation)** - open the LottieFiles plugin from Framer or its Marketplace page.
2. **[Interface](/en/integrations/framer/01_quickstart/interface)** - learn the Explore, Workspace, preview, and account areas.
3. **[Your first animation](/en/integrations/framer/01_quickstart/your-first-animation)** - complete the Explore-to-published-site workflow.

<Image src="https://assets.docs.lottiefiles.com/static/354596d05a-640.webp" alt="LottieFiles open in Framer with an inserted animation selected" caption="LottieFiles open in Framer with an inserted animation selected" 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=" />

## Related

- [Finding animations](/en/integrations/framer/02_explore/finding-animations)
- [Inserting into Framer](/en/integrations/framer/05_insert-and-publish/inserting-into-framer)
- [Publishing your site](/en/integrations/framer/05_insert-and-publish/publishing-your-site)
