# Spline Hana - Un canevas de design propulsé par des agents IA (https://spline.design/fr/hana)

> Hana est le canevas de design 2D de Spline : édition vectorielle accélérée par GPU, états et animations, et des agents IA — le sien ou le vôtre via MCP — qui conçoivent avec votre équipe.

# Un canevas de design propulsé par des agents IA

Concevez avec votre équipe, épaulés par des agents IA, le MCP et des **outils d’édition vectorielle accélérés par GPU**.

[Commencer à créer](https://app.spline.design/signin)[Connecter votre agent](https://spline.design/fr/mcp)

Bibliothèque

## Le design en mouvement, propulsé par Hana

Découvrez des exemples créés dans Hana. Remixez, reconstruisez et voyez comment vos idées peuvent devenir des produits finis.

[3D Circular](https://app.spline.design/ui/0c5cafee-bc08-47b1-aa31-41c30beae895)[Fire Character](https://app.spline.design/ui/b0d21f98-f238-4b2c-a6f0-b478719bcc3c)[3D Card](https://app.spline.design/ui/539d3930-61a4-47c9-8324-b81ecb4c93dc)[Cards](https://app.spline.design/ui/0f721512-9f57-455a-8ea9-4641e15a0ca4)[Path Icons](https://app.spline.design/ui/9389d529-f05b-4aa7-9360-11175d1b4e72)

[Noise](https://app.spline.design/ui/c0d70e64-db86-409e-90b5-d03e413eb554)[3D UI](https://app.spline.design/ui/ba70eea9-74e0-4b06-af5e-f622d88b719a)[Power](https://app.spline.design/ui/58ee653d-f29a-489d-83ba-6af3b2086a1a)[Glass Icons](https://app.spline.design/ui/c915f089-5725-47ac-a458-e2df51a45aa1)[Auto Layout](https://app.spline.design/ui/a3144449-bf5c-4189-a3f1-dda35c699bc4)

[Earth](https://app.spline.design/ui/8937cf42-317a-43cb-bbef-d3244437d8c6)[Japanese Text](https://app.spline.design/ui/248fa04b-dae6-4ef4-a457-0eef1e760fbc)[Masking](https://app.spline.design/ui/c7bd1796-a808-44be-8220-fffd02fafbdf)[Blend](https://app.spline.design/ui/98cec79c-bad6-4504-810b-f0a198625a99)[Hana Serif](https://app.spline.design/ui/da8a844d-cff7-403d-b544-d6a0dd8149bf)

Outils de design

## Des outils familiers et avancés pour le design professionnel

Des outils de design familiers, des effets avancés et la structure pour garder les grands projets organisés.

- Canevas infini à base de frames
- Réseaux vectoriels et booléens
- Pages et sections
- Dégradés, verre et formes 3D

Interactivité et animation

## Donnez vie à vos designs

Ajoutez du mouvement et de l’interactivité avec des états, des événements et des animations, à la main ou en le demandant à l’agent.

- États et événements
- Animation par actions de transition
- Interactivité Follow et Look At

Agents IA

## Un canevas sur lequel vos agents peuvent concevoir

L’agent intégré de Hana conçoit sur le canevas, et le vôtre aussi, depuis Claude, ChatGPT, Cursor ou n’importe quel client MCP.

- Crée frames, effets et interactions
- Plusieurs écrans créés en parallèle
- Votre propre agent via MCP
- Tout reste modifiable à la main
[Connecter votre agent](https://spline.design/fr/mcp)

Pensé pour l’interactivité

## Un outil de design pensé pour l’interactivité

Une interface rapide et familière, avec les outils qu’il vous faut pour concevoir des interfaces interactives, du motion design et des graphismes en temps réel.

- ### Des outils de design familiers  
Concevez sur un canevas infini avec des frames, la plume, des booléens, des formes et plus encore.
- ### Une interactivité puissante  
Créez des expériences interactives avec des états, des événements et des actions.
- ### Des expériences animées  
Ajoutez du mouvement à vos designs avec des états et des transitions.
- ### Effets visuels  
Utilisez ombres, flous, bruit, verre et 3D pour créer des effets visuels en temps réel.
- ### Booléens en temps réel  
Créez des systèmes booléens sophistiqués et animez-les en temps réel.
- ### Réseaux vectoriels  
Créez des réseaux vectoriels et dotez-les d’une interactivité unique.
- ### Aperçu sur le canevas  
Prévisualisez votre interactivité et vos animations directement sur le canevas.
- ### Des exports prêts pour la production  
Intégrez vos designs interactifs à des sites web, des applications web et des produits numériques.

Collaboration

## Concevez ensemble, en temps réel

Concevez l’interactivité sur un canevas infini avec la collaboration en temps réel, le tout organisé dans un espace partagé pour toute votre équipe.

### Multijoueur en temps réel

Concevez avec toute votre équipe dans le même fichier.

### Rôles et autorisations

Gardez un contrôle total sur les rôles Editor et Viewer de chacun.

### Gestion des fichiers

Un espace d’équipe partagé pour stocker et gérer chaque fichier et projet.

### Notes et retours

Laissez des commentaires à votre équipe ou prenez des notes directement dans l’éditeur.

Export

## Publiez de l’interactivité sur le web

Intégrez facilement des expériences interactives à vos sites web, applications web et produits numériques.

Bougez la souris ou le doigt pour interagir[Remixer la scène](https://app.spline.design/ui/2e2daf97-d4bb-4861-9ef6-81348aa5a77d)

index.html

```
<!-- Import the Hana Viewer -->
<script type="module"
  src="https://cdn.spline.design/@splinetool/hana-viewer@1.0.97/hana-viewer.js">
</script>

<!-- Add your design anywhere on the page -->
<hana-viewer
  url="https://prod.spline.design/HfFj1WYWsj69dY8U-Eld/scene.hanacode">
</hana-viewer>

```

[Webflow](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Framer](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Wix Studio](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[HTML / JS](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Notion](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Shopify](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)

## Commencez à concevoir avec Hana

Connectez votre agent, invitez votre équipe et publiez votre premier design dès aujourd’hui.

[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.
