# La 3D arrive dans Hana - Spline blog (https://spline.design/fr/blog/introducing-3d-shapes-hana) > Réunir la 3D et la 2D [Blog](https://spline.design/fr/blog) 10 décembre 2025 # La 3D arrive dans Hana Réunir la 3D et la 2D [Ouvrir Hana](https://app.spline.design) Pendant très longtemps, l’essentiel du « processus » de design s’est déroulé sur un canevas 2D. Le fossé historique entre 2D et 3D tient à des complexités techniques. Les outils de design 2D ont évolué pour être à la fois en temps réel et de haute qualité (ce que vous voyez est ce que vous obtenez), mais la 3D exige bien plus de puissance de calcul, si bien que le travail en temps réel n’était possible qu’en qualité réduite. Mais la technologie a beaucoup progressé (matériel comme logiciel), et notre équipe a accompli des avancées importantes ces dernières années, ce qui nous permet de franchir une étape fondamentale : réunir la 3D et la 2D sur le même canevas, en temps réel. Bougez la souris ou touchez pour interagir (expérience réalisée avec Hana) ## La convergence de la 3D et de la 2D Nous pensons qu’un canevas de design doit exploiter toutes les dimensions disponibles, et que l’utilisateur (humain ou agent IA) doit pouvoir choisir ce qui convient le mieux au problème à résoudre. Malheureusement, si cela fonctionne en théorie, implémenter quoi que ce soit en 3D est un cauchemar technique, et combiner ces deux systèmes l’est encore plus. La plupart des outils de design actuels, ou traditionnels, reposent sur une approche similaire : vous travaillez sur un aperçu, puis vous cliquez sur « render » ou vous « livrez » votre travail, et quelqu’un d’autre réalise le produit final avec une autre stack. Autrement dit, presque aucun outil de design actuel ne fonctionne en temps réel, et la 3D impose donc généralement des outils spécialisés dont le résultat finit traité ou intégré sous forme d’images ou de vidéos plates, ni modifiables ni interactives. C’est un processus lent, en décalage avec les standards actuels des workflows de design. Il faut une nouvelle approche pour changer cela. Expériences réalisées avec Hana ## Le temps réel comme fondation Quand nous avons conçu Hana, nous l’avons voulu en temps réel tout en étant capable de rendre _tout_ ce qu’on peut rendre en 2D. Le moteur de rendu de Hana gère donc toutes sortes d’effets au pixel près (ombres, flou, etc.), des formes vectorielles, des booléens et plus encore, le tout en temps réel. Nous pouvons donc aussi nous appuyer sur le pipeline d’effets de Hana pour rendre des graphismes 3D en temps réel. En somme, Hana peut combiner la 3D et la 2D. Des vecteurs transformés en 3D en temps réel avec Hana ## Le chemin pour réunir deux mondes Ajouter de la 3D à un canevas 2D semble simple, mais en réalité, les défis sont innombrables. La plupart du temps, il faut faire tourner deux moteurs de rendu en parallèle ou combiner plusieurs runtimes, ce qui entraîne de longs temps de téléchargement, loin d’être idéaux. Hana utilise le même runtime pour la 3D et la 2D, ce qui est plus efficace et nettement plus flexible. Autre problème central : la qualité, ou plutôt son absence. Fusionner les deux systèmes en un seul tout en conservant le même niveau de qualité est difficile, car la qualité en 3D dépend de plusieurs facteurs : l’anticrénelage, la résolution, le nombre de polygones (ou une forte densité de voxels), le nombre d’objets, etc. Dans Hana, vous pouvez créer n’importe quelle forme 2D et la convertir en objet 3D tout en gardant un lien en temps réel avec la forme d’origine. Vous pouvez donc modifier la forme d’origine à tout moment, et l’objet 3D sera régénéré en temps réel en fonction de celle-ci. C’est un gain de productivité considérable pour créer de la 3D au sein d’une composition 2D. Par exemple, vous pouvez facilement créer du texte 3D et changer sa couleur, sa police ou d’autres propriétés, tout en conservant toute la flexibilité du texte dans un workflow non destructif. Les mises en page peuvent se mettre à jour dynamiquement, et les objets 3D suivent les règles de la composition 2D. Expériences réalisées avec les formes 3D de Hana ## La 3D suit la 2D Dans Hana, chaque objet 3D a son propre système de coordonnées. Mais il continue de suivre les règles et le comportement du canevas 2D : vous pouvez donc appliquer aux objets 3D tout ce que vous utiliseriez normalement sur des objets 2D. Cela ouvre la voie à un large éventail de possibilités de design. ## Limites Pour l’instant, seul un nombre limité de fonctionnalités est disponible dans le système 3D/2D de Hana. Vous pouvez extruder n’importe quelle forme 2D en 3D et disposez d’un bon contrôle sur les matériaux, mais il reste encore beaucoup de place pour de nouvelles possibilités. Idéalement, le système 3D devrait pouvoir rendre n’importe quel type d’objet ou de scène 3D, avec beaucoup moins de limites. ## Ce n’est qu’un début Chez Spline, nous avons travaillé dur ces dernières années pour créer un système de design cohérent qui intègre la 2D, la 3D et, à terme, la 4D. Nous avons hâte de continuer à avancer vers ce nouvel avenir passionnant. — L’équipe Spline 🌸 ## Plus d’articles du blog [3 novembre 2026Découvrez Spline Arena](https://spline.design/fr/blog/introducing-spline-arena)[21 octobre 2026Découvrez Spline pour ChatGPT](https://spline.design/fr/blog/introducing-spline-for-chatgpt)[27 août 2026Découvrez Hana V2](https://spline.design/fr/blog/hana-v2) [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.