Make your first animation
Learn the basic steps to create any animation with Creator MCP: describe it, review it, refine it, and download it.
Every animation follows the same four steps, whatever you want to make: a loading icon, a logo reveal, a social video, or an animated chart. You describe what you want, check the preview, ask for changes, and download the file.
Before you begin: Connect Creator MCP to your AI app. Connect your MCP client.
Step 1: Describe your animation
Start a new chat and tell the AI what you want. Give your animation a short name so you can refer to it later.
Use this as a starting point and fill in the brackets:
Use Creator MCP to create a new animation called [name]. [Describe what you want and what should move]. Canvas: [width × height]. Duration: [seconds]. Show me a preview before exporting.
You can also attach your own artwork, such as an SVG, a PNG image, or a Lottie file, and ask the AI to animate it.
Tips
- Name the animation and its main parts (for example, "call the logo brand-logo"). This makes later changes easier.
- Add the details you care about, such as colors, style, whether it loops, and where you'll use it.
- Say the format you need early. If you need a Lottie file for a website or app, mention it now. Some effects work in video but not in Lottie.
For more ideas and ready-to-use example prompts, see Write a good prompt for Creator MCP.
Step 2: Review the animation
The AI builds your animation and shows you a preview. What you see depends on your app.
The preview card (Claude and ChatGPT)
- Play or pause: select the play/pause button below the animation.
- Check a moment: drag the time slider. The time shows next to it, for example 2.48 / 3.00 s.
- Make it bigger: select the fullscreen button in the top-right corner.
- Don't see the card? Ask "Show me [name] playing."
Comment on the preview card (Claude and ChatGPT only)
When the animation is playing in the preview card, you can point at what you want to change:
- Select Comment on the preview card.
- Click the part you want to change and type your note.
- Select Add comment.
- Select Send to chat.
Learn more in Preview and refine in the chat.
Step 3: Refine your animation
Tell the AI what to change. Use the animation's name, and say what to keep the same:
In [name], [describe the change]. Keep [what should stay the same]. Show me the updated preview.
For example, you can change colors, timing, size, position, or how the motion feels. The AI edits your existing animation, so you don't need to describe it all again. Repeat this step until you're happy. In Claude and ChatGPT, you can also send changes as comments from the preview card (see Step 2).
Made a change you don't like? Ask the AI to restore an earlier version. See Undo changes and restore earlier versions.
Step 4: Download your animation
When it looks right, ask for the format you need:
Export [name] as [format] and give me the download link.
Open the link to download your file. Download links last up to 15 minutes, so download it soon or ask for a new link. Videos take a little time to create; the AI checks until the file is ready.
You can also save your animation to your LottieFiles workspace or open it in Lottie Creator to keep editing by hand. See Export and save your animation.