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.

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.

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
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 interactuarRemix de la escena
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>

Empieza a diseñar con Hana

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