Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>Spline — 3D & 2D Design for AI AgentsNew to Visual Studio Code? Get it now.
Spline — 3D & 2D Design for AI Agents

Spline — 3D & 2D Design for AI Agents

Spline

|
6 installs
| (1) | Free
Set up VS Code to design in the Spline desktop app with GitHub Copilot agent mode, Claude, or any MCP-capable agent — 3D scenes, 2D designs, and interactive web experiences, built in your live editor tabs.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Spline — 3D & 2D Design for AI Agents

AI agents in VS Code (GitHub Copilot agent mode, Claude, and other MCP clients) can create and edit live scenes in Spline, the collaborative design tool for 3D and 2D, with natural language — 3D models, materials, animation, physics, game controls, and 2D designs and interactive web pages.

The Spline MCP server ships inside the Spline desktop app, which registers it with VS Code automatically. This extension is the companion that gets you set up and verifies the connection — tool calls run against the live editor tabs in the app.

What agents can do

  • Build and edit 3D scenes — modeling, materials, lighting, animation, physics, and game controls, applied directly to the scene you have open.
  • Design in 2D — websites, app screens, and UI in the Hana 2D editor, ready to export as interactive pages.
  • See their own work — agents read what's actually in your file (objects, selection, properties) and take screenshots to review and iterate.
  • Generate — run Spline's AI generation (3D models, images) straight from chat.

Everything happens in your live editor tabs, in real time — you watch the design come together as the agent works.

Setup

  1. Install the Spline desktop app (macOS or Windows) and launch it. The app registers the Spline MCP server with VS Code automatically every time it runs (an entry in your user profile's mcp.json) — nothing to configure.
  2. Open chat in agent mode and ask for a design, e.g. "Create a low-poly island scene with water and a day/night toggle" or "Design a landing page hero for a coffee brand."

This extension confirms it all works: a status bar indicator, the Spline: Check Setup diagnostic, and a Get started walkthrough that takes you from download to your first agent-designed scene.

How it connects (and what never leaves your machine)

Agent ──stdio──► spline-mcp ──WebSocket 127.0.0.1──► Spline app ──► live editor tab

The MCP server is a local process, spawned by VS Code from the Spline app's own bundle and runtime (no Node.js install required). It talks to the app over a localhost-only WebSocket guarded by an origin allowlist — nothing listens on external interfaces, and this extension makes no network requests of its own.

Requirements

  • The Spline desktop app (macOS or Windows; there is currently no Linux build).
  • VS Code 1.102+ with an MCP-capable chat client (e.g. GitHub Copilot agent mode).

Links

  • Spline · Download
  • Documentation
  • Community · Academy
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft