# Presentamos el 3D en Hana - Spline blog (https://spline.design/es/blog/introducing-3d-shapes-hana) > El 3D y el 2D, juntos [Blog](https://spline.design/es/blog) 10 de diciembre de 2025 # Presentamos el 3D en Hana El 3D y el 2D, juntos [Abrir Hana](https://app.spline.design) Durante mucho tiempo, la mayor parte del "proceso" de diseño ha ocurrido en un lienzo 2D. La división histórica entre 2D y 3D tiene su origen en la complejidad técnica. Las herramientas de diseño 2D evolucionaron para funcionar en tiempo real y con alta calidad (lo que ves es lo que obtienes), pero el 3D necesita mucha más potencia de cálculo, así que el trabajo en tiempo real solo era posible con menos calidad. Pero la tecnología ha avanzado muchísimo (tanto el hardware como el software), y nuestro equipo ha hecho grandes progresos en los últimos años, lo que nos ha permitido alcanzar un hito fundamental: combinar 3D y 2D en el mismo lienzo y en tiempo real. Mueve el ratón o toca para interactuar (experiencia creada con Hana) ## La convergencia del 3D y el 2D Creemos que un lienzo de diseño debe aprovechar todas las dimensiones disponibles, y que quien lo usa (una persona o un agente de IA) debe poder decidir qué es lo mejor para el problema que tiene entre manos. Por desgracia, aunque en teoría funciona, implementar cualquier cosa en 3D es una pesadilla técnica, y combinar estos dos sistemas lo empeora aún más. La mayoría de las herramientas de diseño actuales, o las tradicionales, se construyeron con un enfoque parecido: trabajas sobre una previsualización, luego pulsas "renderizar" o "entregas" tu trabajo, y otra persona implementa el producto real con un stack diferente. Dicho de otro modo, casi ninguna herramienta de diseño actual funciona en tiempo real, así que el 3D suele requerir herramientas especializadas cuyo resultado acaba tratándose o insertándose como imágenes o vídeos planos: ni editables ni interactivos. Es un proceso lento que no encaja con los estándares actuales de los flujos de diseño. Hace falta un enfoque nuevo para cambiar esto. Experiencias creadas con Hana ## El tiempo real es la base Cuando creamos Hana, la hicimos para que funcionara en tiempo real y, a la vez, pudiera renderizar _cualquier cosa_ que se pueda renderizar en 2D. Esto significa que el renderizador de Hana puede manejar todo tipo de efectos con precisión de píxel (como sombras o desenfoques), formas vectoriales, booleanas y mucho más, todo en tiempo real. Esto nos permite aprovechar el pipeline de efectos de Hana para renderizar también gráficos 3D en tiempo real. En esencia, Hana puede combinar 3D y 2D. Vectores convertidos en 3D en tiempo real con Hana ## El camino para unir dos mundos Añadir 3D a un lienzo 2D parece fácil, pero en realidad presenta infinidad de retos. La mayoría de las veces obliga a ejecutar dos renderizadores a la vez o a combinar varios runtimes, lo que se traduce en tiempos de descarga largos que no son ideales. Hana usa el mismo runtime para el 3D y el 2D, lo que es más eficiente y bastante más flexible. Otro problema central es la calidad, o más bien la falta de ella. Unir los dos sistemas en uno manteniendo el mismo nivel de calidad es difícil, porque la calidad en 3D abarca varios factores: el antialiasing, la resolución, el número de polígonos (o una alta densidad de vóxeles), el número de objetos y mucho más. En Hana puedes crear cualquier forma 2D y convertirla en un objeto 3D manteniendo una conexión en tiempo real con la forma original. Esto significa que en cualquier momento puedes modificar la forma original y el objeto 3D se regenerará en tiempo real a partir de ella. Esto mejora mucho la productividad al crear 3D dentro de una composición 2D. Por ejemplo, puedes crear fácilmente texto 3D y cambiar su color, su fuente u otras propiedades conservando toda la flexibilidad del texto en un flujo no destructivo. Los layouts se pueden actualizar de forma dinámica, y los objetos 3D seguirán las reglas de la composición 2D. Experiencias creadas con las formas 3D de Hana ## El 3D sigue al 2D En Hana, cada objeto 3D tiene su propio sistema de coordenadas. Sin embargo, sigue respetando las reglas y el comportamiento del lienzo 2D, lo que significa que puedes aplicar a los objetos 3D todo lo que usarías normalmente en los objetos 2D. Esto abre la puerta a un amplio abanico de posibilidades de diseño. ## Limitaciones De momento, el sistema 3D/2D de Hana solo ofrece un número limitado de funciones. Puedes extruir cualquier forma 2D en 3D y tienes bastante control sobre los materiales, pero aún queda mucho margen para nuevas posibilidades. Idealmente, el sistema 3D debería poder renderizar cualquier tipo de objeto o escena 3D y estar mucho menos limitado. ## Esto es solo el principio En Spline hemos trabajado muy duro estos últimos años para crear un sistema de diseño coherente que integre el 2D, el 3D y, con el tiempo, el 4D. Estamos deseando seguir avanzando hacia este nuevo y emocionante futuro. — 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.