# Presentamos Hana - Spline blog (https://spline.design/es/blog/introducing-hana)

> Un nuevo lienzo para el diseño interactivo.

[Blog](https://spline.design/es/blog)

23 de abril de 2025

# Presentamos Hana

Un nuevo lienzo para el diseño interactivo.

[Abrir Hana](https://app.spline.design)

Hana propone un nuevo enfoque para el diseño interactivo. Creada desde cero con el rendimiento como eje, Hana es un lienzo en tiempo real para diseñar y animar experiencias 2D interactivas, desde interfaces pulidas hasta visuales dinámicos, y llevarlas a producción.

Hana te permite crear contenido rico basado en estados que se comporta, responde y reacciona, en un lienzo rápido e infinito.

Pasa el cursor o toca para interactuar (experiencia creada con Hana)

## Capacidades

Para Hana creamos un nuevo tipo de motor de renderizado capaz de procesar datos vectoriales muy rápido, en tiempo real. Ofrece a los creadores edición moderna de redes vectoriales, transiciones basadas en estados y efectos acelerados por GPU, todo en un entorno colaborativo y nativo del navegador.

Todo lo que diseñas en Hana está listo para producción por defecto. Ya sea una forma sencilla o una experiencia interactiva compleja, el motor de Hana está pensado para manejar interacciones en tiempo real que se pueden insertar fácilmente en cualquier sitio web o app.

Del dibujo vectorial preciso a las sombras suaves y los desenfoques, Hana combina potencia y sencillez de una forma que se siente ligera, pero sin límites.

Experiencias creadas con Hana

## Colaboración de diseño en tiempo real

Los frames de Hana pueden ser componentes reproducibles que funcionan de forma independiente, todo dentro del editor. Esto simplifica el proceso de creación porque elimina la necesidad de un modo "Animar": simplemente interactúas con tu experiencia reproduciéndola directamente en un frame del editor. Los frames también se pueden exportar de forma individual como URL en vivo, imágenes y, en el futuro, mucho más.

Comparte un enlace y tus colaboradores podrán entrar al instante para vivir tu lienzo y contribuir en él. Cada cambio aparece en vivo. El feedback es inmediato. Es multijugador por diseño, y bien hecho.

Hana aprovecha el sistema de colaboración en tiempo real del editor 3D de Spline, ya disponible, para que tu equipo avance más rápido y esté siempre sincronizado.

Redes vectoriales creadas con Hana

## Redes vectoriales en tiempo real

Las redes vectoriales (un concepto que Figma introdujo en 2016) permiten conectar más de dos líneas a un mismo punto, lo que facilita crear todo tipo de formas.

Hana lleva este enfoque al siguiente nivel con el primer sistema que permite crear redes vectoriales en un entorno en tiempo real.

Además, las operaciones booleanas de varios niveles te permiten crear formas avanzadas y efectos fluidos para conseguir con facilidad formas complejas y animables.

## Interacciones y animación

Usa interacciones basadas en eventos para dar comportamiento a tus diseños, desde estados hover hasta la entrada por teclado. Anima transiciones, crea flujos y experimenta con el movimiento directamente en el lienzo, sin cambiar de herramienta.

Con Hana, el movimiento y la interactividad pasan a formar parte del proceso de diseño, no a ser algo que se añade al final.

## Exporta y comparte para producción

Igual que en el editor 3D de Spline, en Hana puedes generar enlaces interactivos en vivo desde cualquier frame. Todo está optimizado para insertarse en un entorno listo para producción, así que tu trabajo se ve igual de bien desplegado que en el editor.

## La nueva era de la interactividad

Es un nuevo medio para pensar en interactivo. Tanto si diseñas un producto, una interacción de interfaz o experiencias interactivas ricas, Hana te ayuda a dar vida a tus ideas.

**Hana es la base de todo lo que está por venir.**

Es el primer paso de una visión más amplia de lo que hoy es el ecosistema de Spline, donde el diseño en 2D/3D y la interactividad se combinan y se despliegan sin fricciones.

¡Estamos deseando ver lo que creas con Hana!

— El equipo de Spline 🌸

[Más información](https://docs.spline.design/doc/what-is-hana/doccoU2VnAOm)

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