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.