Skip to content
English
  • There are no suggestions because the search field is empty.

Export and save your animation

Download your animation as Lottie JSON, dotLottie, MP4, WebM, or PNG, or save it to your LottieFiles workspace and open it in Lottie Creator.

When your animation looks right, ask the AI to export it. Tell it the format, file name, size, and where you want it.

Credits: Some exports, such as video renders, use credits from your LottieFiles plan. Small previews and filmstrips are free. See Creator MCP credits.

Part 1: Download your animation

Choose a format

Format Best for How you get it
Lottie JSON Animations in websites and apps Download, or save to your LottieFiles workspace
dotLottie Smaller Lottie files with images and sounds bundled in Download, save to your workspace, or open in Lottie Creator
MP4 Social posts, presentations, and video previews Download. No transparency. Includes sound.
WebM Video and transparent overlays Download. Supports transparency. Includes sound.
PNG Cover images, thumbnails, and single frames Download. Tell the AI which frame and the size.

Lottie JSON

Export this as hero.json for Lottie playback and give me the download link.

  • Ready as soon as the export finishes.
  • Text is saved with its letter shapes, so it plays without the font installed.
  • Sounds are included, with their volume levels.
  • Some effects show in previews but can't be saved as Lottie. If you see UNSUPPORTED_FEATURE, see 

dotLottie

Export this as hero.lottie and give me the download link.

  • The same Lottie animation in a compressed .lottie file. Images and sounds are stored as separate files inside it.
  • Follows the same rules as Lottie JSON.
  • To put it in your workspace, you don't need to export first. Just ask the AI to save it to your workspace or open it in Lottie Creator.

MP4 and transparent WebM

Export this as launch.mp4 at the composition's dimensions. Give me the download link when encoding finishes.

For a transparent overlay:

Export this as overlay.webm with a fully transparent export background. Preserve the alpha channel and give me the download link.

  • Background: Videos use the animation's background color, which is white unless you set one. Ask the AI to set a background before exporting.
  • Transparency: WebM keeps transparency. MP4 doesn't. Transparent areas in an MP4 turn black.
  • Wait time: Videos take some time to create (encode). The AI checks until the file is ready. You can keep editing while it encodes. The export uses the animation as it was when you asked.
  • Sound: All sounds are mixed into one soundtrack. Animations without sound export as video only.

In Claude and ChatGPT, you can also export an MP4 yourself from the preview card.

PNG images

Render the frame at 1.5 seconds as cover.png at 1080 × 1080 and give me the download link.

Always give a size. Without one, you get a small preview of at most 320 pixels on the longest side.

Set the right size

  • Exports keep the animation's shape (aspect ratio). If you ask for 1920 × 1080 from a square animation, you get a square video that fits inside that size, not a wide one.
  • To change from square to vertical (or wide): ask the AI to resize the canvas and rearrange the elements. Preview it, then export.
  • The final size can differ slightly (for example, MP4 needs even numbers). The AI tells you the actual size.

Download links and how long files last

  • Use different file names for each version, such as hero-v1.mp4 and hero-v2.mp4. Reusing a name replaces the earlier file and cancels any video still being created with that name.
  • Need a new link? Ask the AI for a fresh download link to the same file.
  • Got a link that doesn't open in your browser? If the AI gives you an address that is not a web link (an MCP resource), ask it for a working download link instead.

Part 2: Save to your workspace and open in Lottie Creator

Save to your workspace

  • The animation is saved as a dotLottie file in your workspace's Drafts project. You don't need to export it first.
  • You get a link that opens it in Lottie Creator.
  • You can also save a Lottie JSON file you already exported (for example, hero.json).
  • Videos and PNG images can't be saved to the workspace. Download them instead.
  • Each save creates a new file, unless you ask the AI to save over the earlier file. Then it adds a new version of that file.

Not sure which workspace it saves to? Ask the AI: "Which LottieFiles account and workspace are you connected to?"

Open in Lottie Creator

  • The first time, the AI creates a file in your Drafts project and gives you a link to edit it in Lottie Creator.
  • Later requests for the same animation add a new version of the same file, so the link stays the same.
  • If you deleted that file, the AI creates a new one, and the link changes.

Important: Changes you make by hand in Lottie Creator don't update the animation in the chat. To bring your changes back into the chat, load the file from your workspace (see below).

In some setups, the preview card also has an Edit in Lottie Creator button that does the same thing.

Load a file from your workspace

Loading brings a file from your LottieFiles workspace into the chat, so the AI can edit it. This is the opposite of saving.

Use it when you want to keep working with the AI on a file from your workspace. For example, after you’ve made changes by hand in Lottie Creator, load the file to bring those changes back into the chat.

Ask the AI, for example:

Load my “Homepage hero” file from my workspace into this animation, replacing what’s there.

You can choose one of two options:

  • Replace: Your current animation in the chat is swapped for the workspace file. The AI doesn’t ask you to confirm, so if you need the old version back, ask it to restore an earlier version.
  • Add: The workspace file is added next to your current animation, so you have both. This is useful for combining scenes.

Limits

  • You can load files up to 12 MB.
  • When you save again later, ask the AI to save over the same file. Otherwise, it creates a new file.

Related articles