Spline

Spline

Spline · Image

Spline est un outil de design 3D qui tourne dans le navigateur pour créer des scènes interactives et les publier sur le web, iOS et Android. Un agent IA travaille à vos côtés dans l'éditeur.

Aperçu de l'interface de Spline

À propos de Spline

What Is Spline

Spline est une plateforme de design web pour créer des expériences interactives en 2D et 3D et les publier sur plusieurs plateformes. Elle tourne dans le navigateur, donc vous n'installez rien avant de commencer à modéliser. Vous montez une scène avec des primitives, des matériaux, de l'éclairage et de l'animation, vous ajoutez de l'interactivité par les événements, puis vous exportez en embed, en URL publique ou en code natif pour iOS et Android.

Ce qui la sépare d'une suite de modélisation classique, c'est l'étape de publication. Spline traite le design comme quelque chose que l'on publie, pas seulement comme quelque chose que l'on rend. Une scène peut porter de la physique, un comportement au défilement et des réponses au clic, et elle arrive sur un site ou une application sans pipeline de conversion à part. L'entreprise a reconstruit l'éditeur sous le nom de Spline V2 en août 2026, en ajoutant un agent IA, un moteur de rendu WebGPU et un serveur MCP qui laisse des agents externes piloter l'éditeur.

Le prix de cette simplicité, c'est la profondeur. C'est un outil de designer pour des scènes interactives, pas une suite complète de modélisation de personnages ou de cinéma. Si vous avez besoin de sculpture haute densité ou d'un système de simulation lourd, vous vous tournerez encore vers autre chose.

Getting Started

  1. Inscrivez-vous sur spline.design avec un e-mail ou un compte Google. L'offre gratuite vous laisse démarrer tout de suite avec un nombre limité de fichiers personnels et des spectateurs illimités.
  2. Créez une scène dans l'éditeur 3D et déposez des primitives, ou importez un modèle OBJ, FBX ou GLB que vous avez déjà. Préparez un matériau depuis la bibliothèque ou montez-en un par couches.
  3. Ajoutez du mouvement et de l'interactivité avec des états, des événements et des actions, pour que la scène réagisse aux clics, au défilement, aux touches ou aux collisions.
  4. Publiez la scène en URL publique, intégrez-la avec un extrait de code ou exportez du code natif pour le web, iOS et Android.
  5. Vérifiez le tout en mode Play avant de publier, puis passez à une offre payante quand vous avez besoin de fichiers illimités, sans filigrane ou d'exportations mobiles.

Informations sur le produit

Aperçu des tarifs, des plateformes compatibles et des performances de Spline.

Offre gratuiteOui
Offres payantesFree - $70/mo
PlateformeWeb, macOS, Windows
DéveloppeurSpline
CatégorieImage
Date de lancementApr 2020
Dernière mise à jourAug 2026
Visites du site654.7K
Classement mondial du site61.4K
Disponibilité de l’APIOui

Idéal pour

Les utilisateurs, tâches et cas d'usage où cet outil convient le mieux.

Utilisateurs

  • Designers produit
  • Équipes marketing et marque
  • Développeurs web
  • Débutants curieux de 3D

Tâches

  • Intégrer un objet 3D sur une page d'atterrissage
  • Animer un produit pour un clip marketing
  • Prototyper une interface interactive
  • Générer un modèle 3D à partir de texte ou d'une image

Cas d'usage

  • Monter une bannière pour un lancement produit
  • Tester une idée avant un build complet
  • Ajouter un aperçu 3D à une application

Fonctionnalités clés

Agent IA et génération 3D par IA

Spline V2 place un agent IA dans l'éditeur. Vous décrivez ce que vous voulez et il construit ou modifie la scène, avec des résultats que vous pouvez encore retoucher à la main. Un parcours de génération distinct transforme un prompt texte ou une image de référence en modèle 3D texturé, avec quatre styles au choix. L'agent fonctionne aussi bien dans l'éditeur 3D que dans le canevas 2D Hana, donc une même habitude sert pour les deux.

Rendu en temps réel et WebGPU

L'éditeur rend pendant que vous travaillez, donc les changements de matériau et d'éclairage apparaissent aussitôt, sans attente. Spline V2 est passé à un moteur de rendu WebGPU, qui apporte des éléments comme les reflets à l'écran et des matériaux plus fidèles. Cela compte quand vous réglez la façon dont une surface capte la lumière, parce que vous jugez en direct au lieu de deviner.

Interactivité avec états et événements

Les scènes réagissent aux entrées par des états, des événements et des actions. Un clic, un défilement, une touche ou une collision peuvent déclencher un changement, donc votre design se comporte comme une interface et non comme un clip. C'est le cœur de ce à quoi sert Spline : faire réagir un objet 3D sur une page vivante, pas seulement bien figurer sur une capture.

Export multiplateforme

Vous pouvez publier une scène en URL publique, l'intégrer avec l'extrait du visualiseur Spline ou exporter du code pour des projets web. Les offres payantes ajoutent des embeds natifs pour iOS et Android, plus USDZ pour l'AR sur iOS et STL pour l'impression 3D. La même scène atteint un site, une application et un aperçu AR sans être refaite pour chaque cible.

API de code et runtime

La bibliothèque @splinetool/runtime charge une scène exportée et laisse votre propre code contrôler ses objets et ses événements. Les enveloppes React et Next.js s'appuient sur le même runtime, donc un développeur peut ajouter des gestionnaires de clic ou animer un objet depuis l'extérieur de l'éditeur. C'est le pont entre le fichier d'un designer et un produit qui fonctionne.

Hana : un canevas 2D

Hana est un second éditeur pour les interfaces et les graphiques animés, bâti sur le même modèle d'interactivité que le côté 3D. Il propose des cadres, une plume, des réseaux vectoriels, des booléens et des effets comme les ombres, les flous et le verre. L'agent IA y travaille aussi, donc vous générez des cadres d'interface et des interactions comme vous générez un objet 3D.

Accès MCP pour agents externes

L'application de bureau intègre un serveur MCP, qui laisse des outils comme Claude Code, Cursor ou VS Code piloter l'éditeur directement. Un agent connecté peut créer et modifier des objets, des matériaux, des lumières, des caméras et des événements. C'est une fonction réservée au bureau, donc les utilisateurs du navigateur ont l'agent intégré mais pas la connexion externe.

Avantages et inconvénients

Avantages

  • Tourne dans le navigateur sans installation, donc vous commencez à modéliser sur presque n'importe quelle machine.
  • La publication est intégrée, et laisse un design atteindre un site, une application et l'AR depuis le même fichier.
  • L'agent IA et la génération 3D accélèrent le travail initial et restent modifiables à la main.
  • Le runtime et l'export de code donnent au développeur une vraie voie d'intégration, pas seulement un embed.
  • Le rendu en temps réel rend les choix de matériau et d'éclairage rapides à juger.

Inconvénients

  • L'offre gratuite se limite à quelques fichiers personnels et pose un filigrane sur les exportations web, donc tester à l'échelle demande une offre payante.
  • Elle vise les scènes et les interfaces interactives, donc elle ne remplace pas une suite complète de modélisation ou d'animation pour les personnages ou le cinéma.
  • Les connexions MCP pour les agents externes ne marchent que dans l'application de bureau, ce qui en exclut les utilisateurs du navigateur.
  • La génération par IA tourne sur des crédits mensuels qui ne se cumulent pas, donc un usage intensif peut vous faire dépasser votre quota.

Questions fréquentes

Spline est un outil de design 3D dans le navigateur pour créer des expériences interactives en 2D et 3D et les publier sur le web, iOS et Android. On l'utilise pour des embeds sur des sites, des animations produit, des interfaces interactives et des aperçus d'application.