# Spline Hana - Un lienzo de diseño impulsado por agentes de IA (https://spline.design/es/hana)

> Hana es el lienzo de diseño 2D de Spline: edición vectorial acelerada por GPU, estados y animaciones, y agentes de IA —el integrado o los tuyos vía MCP— diseñando con tu equipo.

# Un lienzo de diseño impulsado por agentes de IA

Diseña con tu equipo, con el apoyo de agentes de IA, MCP y **herramientas de edición vectorial aceleradas por GPU**.

[Empieza a crear](https://app.spline.design/signin)[Conecta tu agente](https://spline.design/es/mcp)

Biblioteca

## Diseño en movimiento, impulsado por Hana

Descubre ejemplos creados en Hana. Haz remix, reconstruye y explora cómo tus ideas pueden convertirse en experiencias listas para producción.

[3D Circular](https://app.spline.design/ui/0c5cafee-bc08-47b1-aa31-41c30beae895)[Fire Character](https://app.spline.design/ui/b0d21f98-f238-4b2c-a6f0-b478719bcc3c)[3D Card](https://app.spline.design/ui/539d3930-61a4-47c9-8324-b81ecb4c93dc)[Cards](https://app.spline.design/ui/0f721512-9f57-455a-8ea9-4641e15a0ca4)[Path Icons](https://app.spline.design/ui/9389d529-f05b-4aa7-9360-11175d1b4e72)

[Noise](https://app.spline.design/ui/c0d70e64-db86-409e-90b5-d03e413eb554)[3D UI](https://app.spline.design/ui/ba70eea9-74e0-4b06-af5e-f622d88b719a)[Power](https://app.spline.design/ui/58ee653d-f29a-489d-83ba-6af3b2086a1a)[Glass Icons](https://app.spline.design/ui/c915f089-5725-47ac-a458-e2df51a45aa1)[Auto Layout](https://app.spline.design/ui/a3144449-bf5c-4189-a3f1-dda35c699bc4)

[Earth](https://app.spline.design/ui/8937cf42-317a-43cb-bbef-d3244437d8c6)[Japanese Text](https://app.spline.design/ui/248fa04b-dae6-4ef4-a457-0eef1e760fbc)[Masking](https://app.spline.design/ui/c7bd1796-a808-44be-8220-fffd02fafbdf)[Blend](https://app.spline.design/ui/98cec79c-bad6-4504-810b-f0a198625a99)[Hana Serif](https://app.spline.design/ui/da8a844d-cff7-403d-b544-d6a0dd8149bf)

Herramientas de diseño

## Herramientas familiares y avanzadas para el diseño profesional

Herramientas de diseño familiares, efectos avanzados y la estructura para mantener ordenados los proyectos grandes.

- Lienzo infinito basado en frames
- Redes vectoriales y booleanas
- Páginas y secciones
- Degradados, vidrio y formas 3D

Interactividad y animación

## Dale vida a tus diseños

Añade movimiento e interactividad con estados, eventos y animaciones, a mano o pidiéndoselo al agente.

- Estados y eventos
- Anima con acciones de transición
- Interactividad Follow y Look At

Agentes de IA

## Un lienzo en el que tus agentes pueden diseñar

El agente propio de Hana diseña en el lienzo, y el tuyo también puede hacerlo, desde Claude, ChatGPT, Cursor o cualquier cliente MCP.

- Crea frames, efectos e interacciones
- Varias pantallas creadas en paralelo
- Tu propio agente vía MCP
- Todo sigue siendo editable a mano
[Conecta tu agente](https://spline.design/es/mcp)

Hecho para la interactividad

## Una herramienta de diseño hecha para la interactividad

Una interfaz rápida y familiar con las herramientas que necesitas para diseñar interfaces interactivas, movimiento y gráficos en tiempo real.

- ### Herramientas de diseño familiares  
Diseña en un lienzo infinito con frames, la pluma, booleanas, formas y mucho más.
- ### Interactividad potente  
Crea experiencias interactivas con estados, eventos y acciones.
- ### Experiencias animadas  
Añade movimiento a tus diseños con estados y transiciones.
- ### Efectos visuales  
Usa sombras, desenfoques, ruido, vidrio y 3D para crear efectos visuales en tiempo real.
- ### Booleanas en tiempo real  
Crea sistemas booleanos sofisticados y anímalos en tiempo real.
- ### Redes vectoriales  
Crea redes vectoriales y dótalas de una interactividad única.
- ### Vista previa en el lienzo  
Previsualiza tu interactividad y tus animaciones directamente en el lienzo.
- ### Exportaciones listas para producción  
Integra tus diseños interactivos en webs, aplicaciones web y productos digitales.

Colaboración

## Diseña en equipo, en tiempo real

Diseña interactividad en un lienzo infinito con colaboración en tiempo real, organizada en un espacio compartido para todo tu equipo.

### Multijugador en tiempo real

Diseña con todo tu equipo en el mismo archivo.

### Roles y permisos

Controla por completo los roles individuales de Editor y Viewer.

### Gestión de archivos

Un espacio de equipo compartido para guardar y gestionar cada archivo y proyecto.

### Notas y feedback

Deja comentarios para tu equipo o toma notas directamente en el editor.

Exportar

## Publica interactividad para la web

Integra sin esfuerzo experiencias interactivas en tus webs, aplicaciones web y productos digitales.

Mueve el ratón o el dedo para interactuar[Remix de la escena](https://app.spline.design/ui/2e2daf97-d4bb-4861-9ef6-81348aa5a77d)

index.html

```
<!-- Import the Hana Viewer -->
<script type="module"
  src="https://cdn.spline.design/@splinetool/hana-viewer@1.0.97/hana-viewer.js">
</script>

<!-- Add your design anywhere on the page -->
<hana-viewer
  url="https://prod.spline.design/HfFj1WYWsj69dY8U-Eld/scene.hanacode">
</hana-viewer>

```

[Webflow](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Framer](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Wix Studio](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[HTML / JS](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Notion](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Shopify](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)

## Empieza a diseñar con Hana

Conecta tu agente, invita a tu equipo y publica tu primer diseño hoy mismo.

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