# Lottie Creator Now Speaks MCP *By LottieFiles · April 15, 2026* Connect Claude, Cursor, or any MCP-compatible AI to Lottie Creator --- You already have an AI you work with. You've got your setup, your workflow, your prompts that actually work. With the introduction of MCP server now in [Lottie Creator](https://lottiefiles.com/lottie-creator) you can now connect those AI agents to Lottie creator. It just adds one thing: your AI can now build and edit animations directly inside Lottie Creator. [Embedded content](https://www.youtube.com/embed/g25vetc-8Sg?feature=oembed) ## What exactly is MCP? MCP, or Model Context Protocol, is an open standard that lets AI agents connect to and control external tools. In this case, Lottie Creator. Once connected, your AI agent, whether that's Claude, Cursor, Codex, or anything else you're already using, gets direct editing access to Lottie Creator. It can read, modify, and create animations on your behalf, all from within the tool you're already working in. Not just read access. It can create layers, adjust timing, generate variations, and run accessibility checks, all from a single prompt. Think of it less as a feature and more as a handoff. You stay in your workflow. Lottie Creator comes to you. ![](https://blog-cdn.lottiefiles.com/2026/04/1--5-.png) ## What you can actually do with it **Prompt to asset.** Type what you need. "Pastel loading spinner, 200x200, smooth loop." Lottie Creator builds it, and you get a ready-to-use dotlottie file back. The same goes for micro-interactions, characters, icons — anything you'd normally build manually. Anything you'd normally have to construct manually. **Edit by describing.**  If you already have an animation and something feels off, just tell it. "Make it slower." "More playful." "Loop without a visible jump." Your AI figures out what needs adjusting and updates it directly in Lottie Creator. **Let your AI finish the whole project.** The one that gets interesting is when you didn't even think to ask. You're building a page, your AI realizes it needs a loading state, calls Lottie Creator, generates the animation, and drops it into the code. Completely unprompted. **Accessibility before it ships.** Ask it to audit before you push. It flags contrast issues, excessive motion, WCAG concerns, and suggests actual fixes. Not vague stuff either. It'll say "shift to deeper, muted tones" and apply the changes directly if you want. **Brand-consistent, every time.** If you've got brand guidelines sitting somewhere, hand them over. It'll generate all your animations in one pass, all consistent with your brand guidelines. ### See it in action The fastest way to understand it is to watch it happen. Here's a quick walkthrough of connecting Lottie Creator MCP and making your first animation with it. [Embedded content](https://www.youtube.com/embed/DNQiaE-e2rg?start=5&feature=oembed) ### What the community have create ### Prompt to try out - Animate the notebook where the page flips, pencil draws 3 lines one by one. Loop, ease-out. - Animate the mailbox turning from right to left and the letters flying into the mailbox. Make it snappy and fun. Loop. - Animate the graph chart and the line graph moving upwards. Snappy and ease-out. Loop. - Create a modern AI loading animation with 3 concentric rings similar to Apple's health rings style, rotating at different speeds. ## Best practice - **Install the motion design skill for better quality:** The MCP gives your AI the tools. The motion design skill gives it the judgment to use them well — easing curves, timing principles, choreography. One command, significantly better output. Motion design skill can be found [here](https://lottie.link/motion-design-skill). - **Start with your own SVGs, then animate:** AI can be unpredictable when generating illustration shapes from scratch. For the best results, import your existing SVG assets into Creator first, then ask your AI to animate them. This keeps your visual style consistent and lets the AI focus on what it does best — motion, timing, and sequencing. - **Always use the best model available to you:** Animation quality scales directly with the model. If you have access to Claude Sonnet or Opus, use it over a smaller model — the difference in how it handles timing, sequencing, and spatial reasoning is noticeable. - **Name your layers before you prompt:** The AI reads your layer names to understand your animation's structure. Well-named layers like `left_arm`, `right_leg`, `bg_circle`, and `text_headline` help it target the right elements, avoid mistakes, and stay organized across complex scenes. Generic names like `Shape 1` or `Group 4` make it harder for the AI to build on your work accurately. - **Break complex animations into steps:** Instead of "build me a full onboarding animation," go scene by scene. Create the scene → add shapes → add keyframes → refine timing. Smaller steps give you more control and make errors easier to catch and correct. - **Be specific about timing and feel:** "A smooth fade" is vague. "A 400ms fade-in with ease-out" gives your AI something to work with. The more you describe the feel — snappy, bouncy, slow and cinematic — the closer the first result will be to what you're imagining. ## Why we built it this way People already have AI setups they trust. A workflow they've dialed in, tools they've paid for, models they've trained themselves to work with. So we opened the door. Bring whatever AI you're already using and let it talk directly to Lottie Creator. Claude, Cursor, whatever you're working in becomes the interface. Lottie Creator becomes a capability your existing tool gains, not a new product you have to learn or pay for on top of everything else. We also have native [AI features](https://lottiefiles.com/ai) built into Lottie Creator (Motion Copilot, Prompt to Themes, Prompt to Vector, Vectorizer) for when you want something purpose-built and ready to go. ## Get started Connecting takes a few minutes. You'll just need to link your AI to Creator in its settings. Then back in Lottie Creator, once the "Local MCP bridge connected" toast shows up, you're in. Follow the instructions available within our **[MCP Guide](https://lottiefiles.notion.site/lottie-creator-mcp)** to learn more about the connecting process. Launch Lottie Creator --- ## Related Articles - [How to Create Animations with AI Using Lottie Creator WebMCP](/blog/working-with-lottie-animations/how-to-create-animations-with-ai-using-lottie-creator-webmcp) - [How to Build Your First Lottie Creator Plugin: Create and Animate a Rectangle](/blog/working-with-lottie-animations/how-to-build-lottie-creator-plugin-create-and-animate-a-rectangle) - [How to Develop and Publish a Plugin for Lottie Creator](/blog/working-with-lottie-animations/how-to-develop-and-publish-a-plugin-for-lottie-creator) - [How to Publish a Lottie Creator Plugin to Extensions](/blog/working-with-lottie-animations/how-to-publish-a-lottie-creator-plugin-to-extensions)