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.

Extension

The Motion Studio extension, which includes the visual bezier editing tools for Motion and CSS, is available for VS Code:

It's also available on the Open VSX marketplace.

Enable Motion+ features

To unlock Motion+ features, first generate a personal access token, open the Motion panel in VS Code, then click "Authenticate" to enter your token.

MCP

The Motion Studio MCP includes AI enhancements like:

• CSS spring generation

• LLM documentation

• Curve visualisation

One-click install to Cursor:

Or 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