Lottie Creator MCP

Describe what you want — a loading spinner, a progress bar, a character animation — and your AI will build it directly in Creator, layer by layer.

Change colors, adjust timing, swap easing curves, rename layers, or refactor an entire scene. Your AI reads the current state of your file and edits it in real time.

Automatically produce multiple versions of an animation at once — dark and light themes, different sizes, brand color variations.

✦ Analyze animations for accessibility and brand

Ask your AI to inspect animations for contrast issues, motion speed, color consistency, or alignment with your brand guidelines — and fix what it finds.

Generate animation assets on the fly while working on a broader project.

To use the MCP, install it in your AI client and enable it in LottieFiles Creator. The sections below walk through each step.

Before installing, make sure you have the following set up:

✅ 🤖An MCP-compatible AI:Claude, Cursor, Windsurf, VS Code Copilot, or any other MCP-supporting assistant.

For all of your AI tools, you can use the following config:

Navigate to Settings → Developer and click "Edit Config". This opens a JSON config file on your computer which you can edit in VS Code, Cursor, or any text editor. <Image src="https://assets.docs.lottiefiles.com/static/cbcf2779e6-640.webp" alt="Claude Desktop Settings → Developer, Edit Config" caption="Claude Desktop Settings" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/cbcf2779e6-640.webp 640w, https://assets.docs.lottiefiles.com/static/cbcf2779e6-1024.webp 1024w" width="1490" height="1070" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAIAAABxZ0isAAAACXBIWXMAAAPoAAAD6AG1e1JrAAAAXklEQVR4nGWNSwqAMAxEc/8DiXgXF4rgp41pTNNWuxGpFEGYxcCbDwgjO5tPVaEUJZ9aBLtdinNkhFGFhPEBhOuVfA0G79DML6gL49B3bSOMMRxQin+B3Sb1+L0t4AYM8YjEckZSmwAAAABJRU5ErkJggg==" /> 2. Add the MCP config Paste the following into the config file inside the mcpServers object. You may need to add or remove brackets/commas to keep the JSON valid. 

npx skills add LottieFiles/motion-design-skill`

✨Highly recommended.The difference between an AI that produces stiff, mechanical animations and one that produces polished, intentional motion is almost entirely down to whether it has this context. Install it once and it applies to every animation session.

The MCP gives your AI full access to the Creator API. Here's everything it can do:

- Create scenes — set name, size, framerate, duration
- Switch between scenes
- Set background color (preview only, not exported)
- Read scene properties — layers, size, framerate
- Export scenes to Lottie JSON
- Import Lottie JSON, dotLottie, SVG, or images

- Set visibility, lock state, and focus
- Control timing — start frame, end frame, offset
- Set blend modes (16 modes including multiply, screen, overlay)
- Apply and animate masks and mattes
- Align and flip layers
- Animate transforms — position, rotation, scale, skew

- Rectangle — position, size, corner roundness
- Ellipse — position, size
- Polygon — points, radius, roundness
- Star — inner/outer radius, points
- Path — custom bezier with full tangent control
- Group — group existing shapes together

- Solid color fill — static or animated RGB
- Linear gradient fill — custom start/end points
- Radial gradient fill — highlight angle and length
- Solid and gradient strokes — with animatable width
- Trim paths — animate drawing (start %, end %, offset)

- Add keyframes at specific frames with values
- Set static values (no animation)
- Read, inspect, and remove keyframes
- Set easing — Linear or Cubic Bezier (x1, y1, x2, y2)
- Animate: position, rotation, scale, opacity, color, path, and more

- List, clone, and remove assets (scenes and images)
- Read image properties — width, height, base64 URI
- Play, pause, and jump to specific frames
- Read current frame and playback state
- Read selected nodes and keyframes

Coming soon: State Machines and Motion Tokens

- Test out these remix links

Create, edit, and export SVGator animations (SVG, Lottie, GIF, video) from your AI assistant, and keep an editable project you can open in the editor anytime.

Hosted MCP server for generating SVG illustrations, icons, and brand mascots with svgapp.ai from MCP-compatible AI clients.

Generate and edit raster/vector images, vectorize, remove/replace backgrounds, and upscale using the Recraft AI API.

A lightweight MCP (Model Context Protocol) server for Blender. It offers a natural language interface with Blender’s Python API, improving access to documentation, and allowing users to explore and understand complex setups.

AI Video, Image & Audio Generation with over 150 models

Rive MCP let AI handle repetitive tasks, like creating complex View Models, State Machines with hundreds of states/layers, Layouts, Shapes, and more.

You're agent can Chain 60+ AI image and video models on one workflow canvas

Convert photos to LEGO-style brick mosaic previews with AI-powered color quantization. MCP server for Claude, Cursor, and other AI agents.

Changeimageto - Free Image Editing tools

16 tools to remove backgrounds, blur or grayscale backgrounds, change colors, convert formats (PNG/JPEG/WebP/…), upscale, denoise/enhance, run OCR, export PDF, edit text in images (Gemini), clean watermarks, inpaint masked regions, and run bulk resize / convert / quality checks.