# How to Export
Export animations from Lottie Creator to your LottieFiles workspace, then download them in the formats you need or deliver them via CDN.

## Export to Workspace

Exporting happens in two steps: first you save the animation to a workspace, then you choose what to download.

<Image src="https://assets.docs.lottiefiles.com/static/9413bfff0d-640.webp" alt="Export animation dialog for a single scene" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/9413bfff0d-640.webp 640w, https://assets.docs.lottiefiles.com/static/9413bfff0d-1024.webp 1024w, https://assets.docs.lottiefiles.com/static/9413bfff0d-1920.webp 1920w" width="3300" height="2064" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAACXBIWXMAACE4AAAhOAFFljFgAAAAkklEQVR4nGPwjUz+7xmW+N8vIu5/TELa/6i45P/eIdH/vcIS//tEJP9n8I9O+2/rFfp/48bt/6+/e/L/6vu7YDZIDCTH4BeV+t/BN+L/9FkL/y/Zu/b/sp3L/k+fuRAsBpJjABkDwlomlv9l1bX+Symq/dc0tvjvG5ECsQKmwNzB47+2kfl/TVOr/8a+QWAxkAIA4VFWBPlw+QoAAAAASUVORK5CYII=" />

**How to export and use your animations:**

### Step 1 — Set up the export

Click **Export** in Lottie Creator to open the export window, where you can:

<List type="bullet">
  <ListItem>**Name the file** — set the file name for your animation</ListItem>
  <ListItem>**Choose a location** — select which workspace to save it to</ListItem>
  <ListItem>**Preview** — review the animation before exporting</ListItem>
</List>

### Step 2 — Download or open in workspace

Click **Export** to save the animation, then:

<List type="bullet">
  <ListItem>
    **Select file types** — choose the formats you want and download them directly from Lottie Creator
  </ListItem>

  <ListItem>**Open in workspace** — jump straight to the animation in your LottieFiles Workspace</ListItem>
</List>

Exports are private by default and stored in your workspace.

<Image src="https://assets.docs.lottiefiles.com/static/4d2b86b8c0-640.webp" alt="Download and Handoff panel with format and CDN options" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/4d2b86b8c0-640.webp 640w, https://assets.docs.lottiefiles.com/static/4d2b86b8c0-1024.webp 1024w, https://assets.docs.lottiefiles.com/static/4d2b86b8c0-1920.webp 1920w" width="3300" height="2064" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAACXBIWXMAACE4AAAhOAFFljFgAAAAqElEQVR4nCXNsQoBcQDA4ZuVMki8gzNcEnF3ODlyfyF0rMh+VrJQVwYls8Ub2FjkBsORwWT2Ij9h/+qTLHuAIbqoVhu91iRdqKCoBmqlgegNkbRaF3e94X058ro/caYzgtEYiYyG6I+QstU2u92e22HF4+qzXG8JhSMoGf0P8pbNfOFy8jzOV5+xMyEgx5ENE2EPkL5P1qyTLJqktBJKvkzSapETnR/4ALcLVWLnjxqYAAAAAElFTkSuQmCC" />

## CDN and Embed Delivery

LottieFiles provides **CDN hosting** for delivering animations without downloading files.

### What CDN Offers

From the **Handoff** tab, you can enable:

<List type="bullet">
  <ListItem>**Hosted Asset URLs** - CDN links for your animations</ListItem>
  <ListItem>**Format choice** - JSON or dotLottie hosted</ListItem>
  <ListItem>**Version selection** - Latest or pinned version</ListItem>
  <ListItem>**Embed code** - HTML, React, iOS, Android, Web Components, and more</ListItem>
</List>

### Why Use CDN

<List type="bullet">
  <ListItem>Automatic updates across all platforms</ListItem>
  <ListItem>No manual export hassle</ListItem>
  <ListItem>Optimized delivery with caching and version control</ListItem>
  <ListItem>Direct integration into projects</ListItem>
</List>

## Multi-Animation Export

<Image src="https://assets.docs.lottiefiles.com/static/ade69d15d1-640.webp" alt="Export animation dialog with multiple animations selected for a single dotLottie" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/ade69d15d1-640.webp 640w, https://assets.docs.lottiefiles.com/static/ade69d15d1-1024.webp 1024w, https://assets.docs.lottiefiles.com/static/ade69d15d1-1920.webp 1920w" width="3300" height="2064" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAACXBIWXMAACE4AAAhOAFFljFgAAAAhklEQVR4nGPwiUj+D8KWzl7/dc2s/2sZW/w3tnP97xuRAhZn8I1M+e8WFPc/sbD4f23v9P8VPX3/07OL/rsFx/0HyYEVuAfH/U8tr/zv6Ov/X1lL97+xhR1YN9gEGMPEzum/tJLKf0EJ6f+q+qZg3XAFII6Jrct/bSOL/9rmtv9N/ILhJgAABTlMprIKfTAAAAAASUVORK5CYII=" />

Multi-Animation lets you manage and export multiple animations from a single project — no more juggling separate files. Everything lives inside one `.lottie` file, keeping scenes modular, dependencies clean, and handoffs simple.

### Why use it

<List type="bullet">
  <ListItem>
    **For designers** — all related animations (idle, loading, success) live in one project, sharing the same assets,
    colors, and motion settings. Update a shared asset once and it updates everywhere.
  </ListItem>

  <ListItem>
    **For developers** — a single `.lottie` file can contain multiple named animations, so they can reference each state
    in code without managing separate files per component.
  </ListItem>

  <ListItem>
    **For teams** — one file per component or motion system instead of dozens of individual files to version, name, and
    hand off.
  </ListItem>
</List>

### Export flows

#### Single scene

Behavior is unchanged. Click **Export** → Location Selector → done.

#### Multi-scene export

1. Click **Export** — a dropdown appears listing all top-level scenes (nested scenes are excluded)
2. All scenes are selected by default
3. Customize your selection, then click **Continue**
4. Location Selector opens → multiple animations are exported to Workflow

If no scenes are selected, the **Continue** button is disabled with a tooltip: _"You need to select at least one scene to export."_

#### Nested scenes

Nested scenes behave like independent animations. Exporting a nested scene doesn't pull in the parent — clean separation, no surprises.

#### Set initial scene

The first scene in the list is the default initial scene — the cover animation shown in Workflow.

<List type="bullet">
  <ListItem>Hover over any other scene to reveal a **Set as initial** button</ListItem>
  <ListItem>Clicking it promotes that scene to the cover without reordering the list</ListItem>

  <ListItem>
    The button only appears on selected (checked) scenes — unselected scenes won't be exported, so they can't be set as
    initial
  </ListItem>
</List>

## Workspace Management

Your workspace lets you:

<List type="bullet">
  <ListItem>View and search animations</ListItem>
  <ListItem>Edit titles, descriptions, and tags</ListItem>
  <ListItem>Change themes or colors</ListItem>
  <ListItem>Organize using available collections</ListItem>
  <ListItem>Share via links or workspace access</ListItem>
  <ListItem>Delete files when no longer needed</ListItem>
</List>