# Hana | Todo lo que necesitas saber - Spline Academy (https://spline.design/es/academy/collections/hana-everything-you-need-to-know) > Entiende los principios y los flujos de trabajo para crear experiencias interactivas en tiempo real y listas para producción con Hana 1. [Academy](https://spline.design/es/academy) 2. [Cursos](https://spline.design/es/academy/collections) 3. Hana | Todo lo que necesitas saber # Hana | Todo lo que necesitas saber Entiende los principios y los flujos de trabajo para crear experiencias interactivas en tiempo real y listas para producción con Hana [Empieza el curso](https://spline.design/es/academy/collections/hana-everything-you-need-to-know/get-started-with-interactive-2d-in-hana) 15 leccionesPrincipiante2 h 03 min ## Lecciones 1. [01Empieza con el 2D interactivo en Hana17 min](https://spline.design/es/academy/collections/hana-everything-you-need-to-know/get-started-with-interactive-2d-in-hana) 2. [02Añade dimensión a tus diseños de Hana con el efecto 3D Shape3 min](https://spline.design/es/academy/collections/hana-everything-you-need-to-know/add-dimension-to-hana-designs-with-the-3d-shape-effect) 3. [03Diseña interacciones con Liquid Glass y transformaciones 3D en Hana16 min](https://spline.design/es/academy/collections/hana-everything-you-need-to-know/design-interactions-with-liquid-glass-3d-transforms-in-hana) 4. [04Explora las proyecciones 3D y los efectos de ruido8 min](https://spline.design/es/academy/collections/hana-everything-you-need-to-know/explore-3d-projections-and-noise-effects) 5. [05Crea diseños interactivos que reaccionan al ratón con Hana6 min](https://spline.design/es/academy/collections/hana-everything-you-need-to-know/create-interactive-designs-that-react-to-your-mouse-with-hana) 6. [06Crea una interacción Follow en 2D8 min](https://spline.design/es/academy/collections/hana-everything-you-need-to-know/create-a-2d-follow-interaction) 7. [07Diseña efectos interactivos con desenfoque progresivo y degradados suaves9 min](https://spline.design/es/academy/collections/hana-everything-you-need-to-know/design-interactive-effects-with-progressive-blur-and-smoothing-gradients) 8. [08Crea un interruptor interactivo con desenfoque progresivo y degradados4 min](https://spline.design/es/academy/collections/hana-everything-you-need-to-know/create-an-interactive-switch-with-progressive-blur-and-gradients) 9. [09Diseña iconos interactivos fluidos en Hana7 min](https://spline.design/es/academy/collections/hana-everything-you-need-to-know/design-smooth-interactive-icons-in-hana) 10. [10Crea un teclado interactivo con Hana9 min](https://spline.design/es/academy/collections/hana-everything-you-need-to-know/build-an-interactive-keyboard-with-hana) 11. [11Cómo animar a lo largo de una trayectoria con Hana y Spline7 min](https://spline.design/es/academy/collections/hana-everything-you-need-to-know/how-to-animate-along-a-path-with-hana-and-spline) 12. [12Diseña y anima con máscaras vectoriales7 min](https://spline.design/es/academy/collections/hana-everything-you-need-to-know/design-and-animate-with-vector-masks) 13. [13Crea texto 3D refractivo en Hana7 min](https://spline.design/es/academy/collections/hana-everything-you-need-to-know/creating-refractive-3d-text-in-hana) 14. [14Cómo diseñar un diamante 3D realista en Hana7 min](https://spline.design/es/academy/collections/hana-everything-you-need-to-know/how-to-design-a-realistic-3d-diamond-in-hana) 15. [15Cómo usar la generación de imágenes con IA en Hana8 min](https://spline.design/es/academy/collections/hana-everything-you-need-to-know/how-to-use-ai-image-generation-in-hana) [Spline](https://spline.design/es) El editor 3D y 2D para equipos y sus agentes. Publica en la web, iOS y Android. #### Pregúntale a la IA sobre Spline #### Productos - [Diseño 3D](https://spline.design/es/3d-design) - [Hana](https://spline.design/es/hana) - [Omma](https://omma.build) - [Generación 3D con IA](https://spline.design/es/ai-generate) - [Spline MCP](https://spline.design/es/mcp) - [Spline Arena](https://spline.design/es/arena) - [Precios](https://spline.design/es/pricing) - [Enterprise](https://spline.design/es/enterprise) #### Runtimes - [Web](https://spline.design/es/web) - [iOS](https://spline.design/es/ios) - [Android](https://spline.design/es/android) #### Apps - [Descargar](https://spline.design/es/download) - [Spline Mirror](https://spline.design/spline-mirror) - [Descargar Spline Mirror](https://spline.design/download-mirror) #### Aprende - [Docs](https://docs.spline.design/) - [Academy](https://spline.design/es/academy) - [API de Spline](https://www.npmjs.com/package/@splinetool/runtime) - [Soluciones](https://spline.design/solutions) #### Comunidad - [Comunidad de Spline](https://community.spline.design) - [Blog](https://spline.design/es/blog) - [Novedades](https://spline.design/es/changelog) - [Educación](https://spline.design/es/education) - [Contra](https://spline.design/contra) - [Afiliados](https://spline.design/es/affiliate) #### Empresa - [Clientes](https://spline.design/es/customers) - [Empleo](https://www.ycombinator.com/companies/spline/jobs) - [Seguridad](https://spline.design/es/security) #### Legal - [Términos y condiciones](https://spline.design/terms) - [Privacidad](https://spline.design/privacy) #### Contacto - [help@spline.design](mailto:help@spline.design) - [jobs@spline.design](mailto:jobs@spline.design) © 2026 - Spline, Inc.