# Découvrez Hana - Spline blog (https://spline.design/fr/blog/introducing-hana) > Un nouveau canevas pour le design interactif. [Blog](https://spline.design/fr/blog) 23 avril 2025 # Découvrez Hana Un nouveau canevas pour le design interactif. [Ouvrir Hana](https://app.spline.design) Hana propose une nouvelle approche du design interactif. Conçu de zéro avec la performance au cœur, Hana est un canevas en temps réel pour concevoir et animer des expériences 2D interactives, des interfaces soignées aux visuels dynamiques, et les livrer en production. Hana vous permet de créer des contenus riches, basés sur des états, qui se comportent, répondent et réagissent sur un canevas rapide et infini. Survolez ou touchez pour interagir (expérience réalisée avec Hana) ## Fonctionnalités Pour Hana, nous avons construit un nouveau type de moteur de rendu, capable de traiter des données vectorielles très rapidement, en temps réel. Il donne aux créateurs accès à l’édition moderne de réseaux vectoriels, aux transitions basées sur des états et aux effets accélérés par le GPU, le tout dans un environnement collaboratif qui tourne nativement dans le navigateur. Tout ce que vous concevez dans Hana est prêt pour la production par défaut. Qu’il s’agisse d’une simple forme ou d’une expérience interactive complexe, le moteur de Hana est conçu pour gérer des interactions en temps réel faciles à intégrer dans n’importe quel site web ou app. Du dessin vectoriel précis aux ombres douces et aux flous, Hana allie puissance et simplicité, avec une sensation de légèreté, mais sans limites. Expériences réalisées avec Hana ## La collaboration de design en temps réel Dans Hana, les frames peuvent être des composants jouables qui fonctionnent de façon indépendante, directement dans l’éditeur. Plus besoin d’un mode « Animate » : vous interagissez avec votre expérience en la lançant directement sur une frame dans l’éditeur. Les frames peuvent aussi être exportées individuellement sous forme d’URL en ligne, d’images, et d’autres formats à l’avenir. Partagez un lien, et vos collaborateurs peuvent rejoindre instantanément votre canevas pour le découvrir et y contribuer. Chaque modification apparaît en direct. Les retours sont immédiats. Le multijoueur est pensé dès la conception, et bien fait. Hana s’appuie sur le système de collaboration en temps réel de l’éditeur 3D de Spline, déjà pris en charge, pour que votre équipe avance plus vite et reste synchronisée. Réseaux vectoriels créés avec Hana ## Des réseaux vectoriels en temps réel Les réseaux vectoriels (un concept introduit par Figma en 2016) permettent de relier plus de deux lignes à un même point, ce qui facilite la création de toutes sortes de formes. Hana pousse cette approche plus loin, avec le premier système qui permet de créer des réseaux vectoriels dans un environnement en temps réel. De plus, les booléens multiniveaux vous permettent de créer des formes avancées et des effets fluides pour obtenir facilement des formes complexes et animables. ## Interactions et animation Utilisez des interactions pilotées par des événements pour donner un comportement à vos designs, des états de survol aux saisies au clavier. Animez des transitions, construisez des parcours et expérimentez le mouvement directement sur le canevas. Sans changer d’outil. Avec Hana, le mouvement et l’interactivité font partie du processus de design, et ne sont plus une réflexion après coup. ## Exporter et partager pour la production Comme dans l’éditeur 3D de Spline, Hana vous permet de générer des liens interactifs en ligne à partir de n’importe quelle frame. Tout est optimisé pour l’intégration dans un environnement de production, pour que votre travail soit aussi beau une fois déployé que dans l’éditeur. ## La prochaine ère de l’interactivité C’est un nouveau support pour penser l’interactivité. Que vous conceviez un produit, une interaction d’interface ou des expériences interactives riches, Hana peut vous aider à donner vie à vos idées. **Hana est la base de bien d’autres choses à venir.** C’est la première étape d’une vision plus large de ce qui forme désormais l’écosystème Spline, où le design 2D/3D et l’interactivité se mêlent et se déploient sans friction. Nous avons hâte de voir ce que vous allez créer avec Hana ! — L’équipe Spline 🌸 [En savoir plus](https://docs.spline.design/doc/what-is-hana/doccoU2VnAOm) ## 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.