Install Motion Studio

Motion Studio provides visual editing tools via the Motion Studio extension, and AI editing tools via the Motion Studio MCP. Currently, both must be installed separately.

Visual editing

Motion Studio visual editing tools are provided via the official Extension.

It's also available on the Open VSX marketplace for other editors.

MCP

The basic Motion Studio MCP includes AI enhancements like:

• AI context: Allow your LLM to improve its animation skills by searching the full Motion docs, source code of 330+ examples, and saved transitions.

• CSS spring generation

To install, add the following to your editor's MCP JSON settings:

{
  "mcpServers": {
    "motion": {
      "command": "npx",
      "args": ["-y", "https://api.motion.dev/registry.tgz?package=motion-studio-mcp&version=latest"]
    }
  }
}

The exact process differs by editor, but here are the MCP docs for popular apps:

• VS Code (search "mcp.json")

• Windsurf

• Claude Desktop

• Claude Code

Unlock Motion+ features

To enable Motion+ features like the codex and curve visualisation, you have to install with your personal access token:

{
  "mcpServers": {
    "motion": {
      "command": "npx",
      "args": ["-y", "https://api.motion.dev/registry.tgz?package=motion-studio-mcp&version=latest"],
      "env": {
        "TOKEN": "<YOUR_TOKEN>"
      },
    }
  }
}