Write a good prompt for Creator MCP
Use a simple template and example prompts to get the right animation faster.
A clear request (also called a brief) helps the AI make the right animation on the first try. Start small, check the motion, then refine the same animation before you export.
What to include
| Detail | Example |
|---|---|
| Subject and where you'll use it | A loading animation for a finance app |
| Canvas size | 256 × 256, 1080 × 1080, 1080 × 1920 |
| Duration | 2 seconds, 15 seconds |
| Style | Colors, shapes, mood |
| Motion | What happens, in what order, and whether it loops |
| What to keep | Parts of your artwork that must not change |
| Sound (optional) | Audio file, when it starts, how it fades |
| Output format | Lottie JSON, dotLottie, MP4, transparent WebM, or PNG |
Prompt template
Copy this template and fill in the brackets:
Create [subject] for [where I will use it]. Canvas: [width × height]. Duration: [seconds]. Style: [colors, shapes, mood]. Motion: [what happens, in what order, and whether it loops]. Keep: [parts of the supplied artwork that must stay unchanged]. Sound: [optional audio file, when it starts, and how it fades]. Deliver: [Lottie JSON, dotLottie, MP4, transparent WebM, or PNG]. Show me a preview before exporting.
Tip: Choose your output format early. If you need a Lottie file, say so at the start. Some effects work in video but can't be saved as Lottie.
Example prompts
Website and app animations
Create loading, success, and empty-state animations for a finance app. Use a 256 × 256 canvas, rounded shapes, and a teal and navy palette. Make each animation last one to two seconds. Keep each animation separate, give it a name, and show filmstrips. Deliver three Lottie JSON files.
Animate this SVG hero illustration into a six-second loop. Drift the clouds, lift the sun slightly, and sway the foreground leaves. Preserve the composition and brand colors. Show me a filmstrip, then export Lottie JSON for my landing page.
Brand and campaign graphics
Use this transparent PNG cutout for a four-second product loop on a 1080 × 1080 canvas. Float it gently, add a slight tilt and a soft moving shadow, and leave room around the product. Export transparent WebM for a website overlay.
Build a 15-second, 1080 × 1920 launch promo using my product PNGs, logo, and these headlines. Set the headlines in the attached brand font. Start with a visual hook, reveal the product, show two benefits, and hold the final call to action. Preview the key moments before exporting an MP4 and a full-size PNG cover.
On a 1920 × 1080 canvas, reveal the headline "Text is live" one character at a time, rising into place over one second. Run a short line of supporting text along a circular path that turns slowly behind it. Hold the finished frame for two seconds. Show me a filmstrip, then export an MP4.
Data stories and explainers
Turn these values and category labels into an animated bar chart. Preserve the exact values and proportions. Grow the bars from zero, reveal categories in sequence, and highlight the largest change. Hold the final chart for three seconds. Export MP4 and a full-size PNG of the final frame.
Create a 12-second animation of an order moving from checkout to packing to delivery. Use these three icons and a short label for each step. Draw the connecting paths progressively and move a colored pulse through each step. End with the complete process visible.
Tips for refining
| If you want to… | Ask the AI to… |
|---|---|
| Change one element | Find the named element and edit it, keeping the rest of the scene the same |
| Change how motion feels | Use "ease out" (starts fast, settles gently) or "ease in" (starts slow, speeds up) on the named element |
| Check an exact moment | Show a filmstrip at specific times, for example 2.9, 3.0, and 3.1 seconds (1 to 25 times) |
| Try a new idea | Use a separate, named animation so your current one stays unchanged |
| Make a vertical version | Change the canvas size and rearrange the layout, then preview it |
| Keep several versions | Use different file names, such as hero-v1.mp4 and hero-v2.mp4 |
| Continue after reconnecting | List your animations, pick the same one by name, and describe the current scene first |
| Freeze, reverse, or slow part of a scene | Move that part into its own nested composition, then change its speed or hold its last frame |
Tips for good results
- Name important elements (for example, "name the circle pulse"). This makes later edits easy.
- Check the data. For charts, ask the AI to confirm the numbers are correct, not only that the chart looks good.
- Check text timing. If text should start hidden, ask for a filmstrip that includes the first frame of each text entrance.
- Check loops. Compare the first and last frames, or ask for an MP4 to watch the loop at real speed.