# Liquid Glass y 3D en Hana - Spline blog (https://spline.design/es/blog/hana-3d-glass-autolayout-video) > Novedades en Hana: 3D Transform, Liquid Glass y Autolayout [Blog](https://spline.design/es/blog) 9 de julio de 2025 # Liquid Glass y 3D en Hana Novedades en Hana: 3D Transform, Liquid Glass y Autolayout [Abrir Hana](https://app.spline.design) Hoy anunciamos una gran actualización de Hana que trae funciones revolucionarias como Liquid Glass en tiempo real, 3D Transform, Autolayout y capas de vídeo. ## Liquid Glass en Hana Con la llegada de iOS 26, el efecto Liquid Glass ha captado la atención de la comunidad de diseño. Ahora puedes aplicar este efecto a cualquier capa de objeto en Hana. Puedes editar los parámetros del cristal, como la distorsión, para controlar la cantidad de refracción. Pero puedes ir más allá del estilo de iOS y crear efectos de cristal personalizados. Nos hemos asegurado de que los parámetros sean lo bastante generales para lograr resultados creativos muy diversos: puedes exagerar algunos comportamientos de los efectos y conseguir una estética visual más impactante. Pasa el cursor o toca para interactuar (experiencia creada con Hana) ## Cristal apilable En la mayoría de herramientas de diseño, los efectos de desenfoque o de cristal suelen limitarse a una sola capa: si apilas varias capas, la distorsión del cristal no se acumula y se queda plana. En Hana puedes apilar fácilmente varias capas de cristal y ver cómo cada una refracta los elementos que tiene detrás o debajo, igual que en la vida real, lo que abre un abanico de posibilidades creativas totalmente nuevo. Funciona con los efectos de cristal y también con los de desenfoque de fondo. Manipula varias capas de Liquid Glass en Hana ## 3D Transform Pasar del 2D al 3D siempre ha sido un reto. Cuando empezamos a trabajar en esta función, teníamos claro que queríamos una forma fluida de cambiar entre 2D y 3D sin perder nada por el camino. En Hana, cualquier objeto puede ser ahora un objeto 3D, con parámetros para controlar su posición (profundidad), su rotación y su perspectiva en el espacio 3D. Todos estos parámetros se pueden animar y son compatibles con el sistema de estados y eventos. Controla la perspectiva, la rotación y la posición en z del objeto en Hana ## Frames y portales 3D Cuando un frame se vuelve 3D, también se convierte en una ventana a su propio espacio 3D. Esto es especialmente útil para crear portales, un elemento visual en el que se ve profundidad dentro de sí mismo. Es fácil: coloca elementos dentro de un frame, haz que el frame sea 3D y cambia la posición o la rotación 3D de los elementos de dentro. Ahora, si cambias la rotación o la posición del frame, verás cómo se renderizan los elementos en su interior, con varios niveles de profundidad. Portales 3D dentro de frames creados en Hana ## Autolayout Hana ahora admite layouts con parámetros totalmente animables. Puedes crear layouts verticales y horizontales con márgenes internos y espaciados personalizables. Los layouts funcionan junto con los eventos y los estados, y se actualizan en tiempo real para potenciar la interactividad. También hemos añadido compatibilidad con layouts de tipo masonry, parecidos a las columnas de Pinterest. Experiencias creadas con Hana usando Layout ## Capas de vídeo Ahora puedes insertar fácilmente un vídeo en cualquier capa de Spline Hana. Resulta muy útil para crear una presentación interactiva o diseñar para motion. Solo tienes que cambiar a la capa Video en el panel Fill y subir o arrastrar y soltar tu vídeo. Igual que en el editor 3D de Spline, los vídeos de Hana también se pueden lanzar con eventos personalizados. Por defecto, un vídeo se reproduce con el evento Start, pero puedes cambiarlo y lanzarlo con eventos de ratón o con cualquier otro evento. ## Nuevas posibilidades creativas ¡Han sido muchas novedades! Esperamos que disfrutes de todas las funciones que hemos lanzado hoy y que empieces a crear diseños nuevos y emocionantes. — El equipo de Spline ## Más del blog [3 de noviembre de 2026Presentamos Spline Arena](https://spline.design/es/blog/introducing-spline-arena)[21 de octubre de 2026Presentamos Spline para ChatGPT](https://spline.design/es/blog/introducing-spline-for-chatgpt)[27 de agosto de 2026Presentamos Hana V2](https://spline.design/es/blog/hana-v2) [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.