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:

• CSS spring generation

• LLM documentation

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

{
  "mcpServers": {
    "motion": {
      "command": "npx",
      "args": ["-y", "motion-ai"]
    }
  }
}

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

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=1.0.0&token=YOUR_AUTH_TOKEN"]
    }
  }
}