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

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.

Related articles