# Plongée dans les nouveautés de Hana : import Figma, outil Crayon, Frame as Fill et plus - Spline Academy (https://spline.design/fr/academy/tutorials/deep-dive-into-hana-s-new-features-figma-import-pencil-tool-frame-as-fill-more)

> Hana continue d’évoluer ! 🎉 Et cette mise à jour rend le design plus rapide, plus léger et plus ludique.

1. [Academy](https://spline.design/fr/academy)
2. [Tutoriels](https://spline.design/fr/academy/tutorials)
3. Plongée dans les nouveautés de Hana : import Figma, outil Crayon, Frame as Fill et plus

# Plongée dans les nouveautés de Hana : import Figma, outil Crayon, Frame as Fill et plus

HanaDébutant4 min

Hana continue d’évoluer ! 🎉 Et cette mise à jour rend le design plus rapide, plus léger et plus ludique.

Dans cette vidéo, nous faisons un rapide tour des dernières fonctionnalités de Hana, de l’import de designs Figma directement dans votre canevas à la transformation de frames 2D plates en expériences 3D dynamiques.

Vous découvrirez :

- La projection de frames 2D en direct sur des maillages 3D
- Un workflow Figma vers Hana plus fluide
- Une meilleure organisation avec les pages
- Le dessin à main levée avec le nouvel outil Crayon
- Des contours plus expressifs avec des dégradés et des images

Toutes ces fonctionnalités sont disponibles dès maintenant dans Hana. ✨

💬 Des questions ? Posez-les dans les commentaires !

⏲️ Chapitres :

- 00:00 Intro
- 00:36 Frame as Fill
- 01:22 Copier-coller depuis Figma
- 01:49 Pages
- 02:07 Outil Crayon
- 02:46 Dégradés et images sur les contours
- 03:12 Conclusion

👍 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

## Présentation

- Hana
- 4 min
- Débutant

## Tutoriels associés

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

[Donnez de la dimension à vos designs Hana avec l’effet 3D ShapeHanaDébutant3 min](https://spline.design/fr/academy/tutorials/add-dimension-to-hana-designs-with-the-3d-shape-effect)[Concevoir et animer avec des masques vectorielsHanaDébutant7 min](https://spline.design/fr/academy/tutorials/design-and-animate-with-vector-masks)[Créer un interrupteur interactif avec flou progressif et dégradésHanaDébutant4 min](https://spline.design/fr/academy/tutorials/create-an-interactive-switch-with-progressive-blur-and-gradients)

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