# How do you connect AI agents to UI motion using Model Context Protocol (MCP)?

> Add an MCP server for your animation or design tool to your AI coding tool's MCP settings, for example in Claude Code or Cursor. The agent can then read and edit animation files through the server's tools instead of guessing. ExodeUI has an MCP server for creating and editing interactive animations from plain-language prompts.

Updated October 2026. Source: https://www.exodeui.com/questions/how-to-connect-ai-agents-ui-motion-mcp/

## Key takeaways

- MCP is an open standard for connecting AI agents to tools and data
- An MCP server exposes a tool's actions, such as create, edit and read
- Claude Code, Cursor and other clients add servers in their MCP settings
- ExodeUI's MCP server lets agents create and edit animations from prompts
- Review agent changes in the editor before shipping

## Frequently asked questions

### What is MCP?

The Model Context Protocol, an open standard that lets AI agents connect to tools and data sources in a consistent way.

### Which AI tools support MCP?

Claude Code, Claude Desktop, Cursor, VS Code and many others support MCP servers.

### Can an agent edit an existing animation?

With ExodeUI's MCP server, yes: it can change states, timing and physics in an existing file.

### Is it safe to let an agent change design files?

Use version history or source control, and review changes before shipping, as with any automated edit.

## Related

- [Claude MCP setup for ExodeUI](https://www.exodeui.com/claude-mcp)
- [Which design tools have an MCP server?](https://www.exodeui.com/questions/which-design-tools-have-an-mcp-server)
- [Claude animation guide](https://www.exodeui.com/learn/claude-animation)
- [How to design UI with AI](https://www.exodeui.com/questions/how-to-design-ui-with-ai)