# Spline MCP : créez des expériences web 3D avec l’IA (Cursor, Claude, Gemini et plus) - Spline Academy (https://spline.design/fr/academy/tutorials/spline-mcp-build-3d-web-experiences-with-ai-cursor-claude-gemini-and-more)

> Transformez une image de référence en scène 3D modifiable avec Spline MCP et Claude, puis allez plus loin avec un site web interactif.

1. [Academy](https://spline.design/fr/academy)
2. [Tutoriels](https://spline.design/fr/academy/tutorials)
3. Spline MCP : créez des expériences web 3D avec l’IA (Cursor, Claude, Gemini et plus)

# Spline MCP : créez des expériences web 3D avec l’IA (Cursor, Claude, Gemini et plus)

Spline 3DIntermédiaire6 min

Transformez une image de référence en scène 3D modifiable avec Spline MCP et Claude, puis allez plus loin avec un site web interactif.

Dans ce tutoriel, vous apprendrez à connecter l’app de bureau Spline à votre outil d’IA, à écrire votre premier prompt et à regarder votre scène prendre forme directement dans l’éditeur. Nous allons recréer un diorama de parc flottant, voir comment affiner ses objets et ses matériaux, et utiliser Claude pour construire autour une expérience web ludique, avec un bouton jour/nuit, des surprises cachées et des éléments interactifs.

Ce que vous allez apprendre :

- Connecter Spline MCP à Claude et à d’autres outils d’IA compatibles MCP.
- Utiliser une image de référence pour générer une scène 3D modifiable.
- Affiner votre scène par des prompts ou la modifier à la main dans Spline.
- Travailler dans un fichier Spline existant ou partir de zéro.
- Transformer votre scène 3D en expérience web interactive.

Apportez une image de référence, une idée ou un moodboard, et lancez-vous. Partagez vos créations dans les commentaires !

Essayez Spline V2 et dites-nous en commentaire ce que vous aimeriez voir ensuite !

👍 N’oubliez pas de liker et de vous abonner pour plus de tutoriels et d’actus Spline

Liens : 🌸 Hana → <https://spline.design/hana> 💖 Spline → <http://app.spline.design> 📚 Docs Spline → <https://docs.spline.design> 👋 Communauté Spline → <https://app.spline.design/community>

Nos réseaux : 📷 Instagram → / splinetool 🎵 TikTok → / splinedesign 💙 LinkedIn → / splinetool 🐦 X → / splinetool 👾 Discord → / discord

#spline #3D #Design #Spline3D #AIAgent

## Présentation

- Spline 3D
- 6 min
- Intermédiaire

## Tutoriels associés

[Tous les tutoriels](https://spline.design/fr/academy/tutorials)

[Créer de la 3D interactive avec Spline et ChatGPT - Présentation complète du plugin SplineSpline 3DDébutant6 min](https://spline.design/fr/academy/tutorials/build-interactive-3d-with-spline-and-chatgpt-spline-plugin-full-walkthrough)[Visite complète de Hana V2 : workflow d’agent, prise en charge de la 3D, canevas plus rapideSpline 3DDébutant9 min](https://spline.design/fr/academy/tutorials/hana-v2-full-tour-agent-workflow-3d-support-faster-canvas)[Visite complète de Spline V2 : nouvelle interface, création plus rapide, workflow d’agentSpline 3DDébutant9 min](https://spline.design/fr/academy/tutorials/spline-v2-full-tour-new-layout-faster-creation-agent-workflow)

[Spline](https://spline.design/fr)

L’éditeur 3D et 2D pour les équipes et leurs agents. Publiez sur le web, iOS et Android.

#### Interrogez l’IA sur Spline

#### Produits

- [Design 3D](https://spline.design/fr/3d-design)
- [Hana](https://spline.design/fr/hana)
- [Omma](https://omma.build)
- [Génération 3D par IA](https://spline.design/fr/ai-generate)
- [Spline MCP](https://spline.design/fr/mcp)
- [Spline Arena](https://spline.design/fr/arena)
- [Tarifs](https://spline.design/fr/pricing)
- [Enterprise](https://spline.design/fr/enterprise)

#### Runtimes

- [Web](https://spline.design/fr/web)
- [iOS](https://spline.design/fr/ios)
- [Android](https://spline.design/fr/android)

#### Apps

- [Télécharger](https://spline.design/fr/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Télécharger Spline Mirror](https://spline.design/download-mirror)

#### Apprendre

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/fr/academy)
- [API Spline](https://www.npmjs.com/package/@splinetool/runtime)
- [Solutions](https://spline.design/solutions)

#### Communauté

- [Communauté Spline](https://community.spline.design)
- [Blog](https://spline.design/fr/blog)
- [Nouveautés](https://spline.design/fr/changelog)
- [Éducation](https://spline.design/fr/education)
- [Contra](https://spline.design/contra)
- [Affiliation](https://spline.design/fr/affiliate)

#### Entreprise

- [Clients](https://spline.design/fr/customers)
- [Carrières](https://www.ycombinator.com/companies/spline/jobs)
- [Sécurité](https://spline.design/fr/security)

#### Mentions légales

- [Conditions générales](https://spline.design/terms)
- [Confidentialité](https://spline.design/privacy)

#### Contact

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.