Saltar enlaces

Tesis y el auge de la interfaz de usuario generativa

Thesys y su API C1 están redefiniendo la apariencia y el comportamiento de los productos de IA, convirtiendo la salida sin procesar de LLM en elementos de interfaz de usuario generados sobre la marcha que se adaptan sobre la marcha.

La mayoría de las interfaces de IA actuales sufren el mismo problema. El modelo es inteligente. El resultado es útil. Pero todo está en texto: denso, lineal y difícil de navegar. El usuario solicita detalles financieros y obtiene tres párrafos. Pidieron una comparación de productos y les dieron una lista. La interfaz aún no ha alcanzado la funcionalidad del modelo.

Esta brecha es exactamente papel La construcción continúa por todas partes. Fundada en San Francisco en 2024 por Rabi Shankar Guha y Parikshit Deshmukh, la empresa se describe a sí misma como una empresa de UI generativa, y esa frase hace más de lo que parece.

Personalización de la interfaz de usuario generativa: cada uno de cuatro usuarios recibe una interfaz adaptativa diferente desde el mismo sistema de interfaz de usuario generativa de Thesys.

¿Qué significa realmente la interfaz de usuario generativa?

La interfaz de usuario generativa no es una herramienta que ayude a los diseñadores a dibujar más rápido. No es un complemento de Figma ni un asistente de codificación. La diferencia es importante: la interfaz de usuario generativa se ejecuta en tiempo de ejecución, no en tiempo de diseño. No produce una pantalla estática de transición. Genera interfaces dinámicamente en respuesta a operaciones y solicitudes reales realizadas por los usuarios.

Esta arquitectura es simple en principio. El usuario envía un mensaje. En lugar de responder al LLM con texto plano, el sistema interpreta la intención, consulta bibliotecas de componentes y reglas de diseño, y ensambla una interfaz en tiempo real (gráficos, formularios, tarjetas de datos, tablas) que se presenta directamente en la aplicación. La interfaz es respuesta.

Thesys ilustra claramente esto en su diagrama de arquitectura. Por un lado: bibliotecas de UI, pautas de UX, intención del usuario, contexto, preferencias y perfiles. Medio: motor GenUI. El otro lado: la interfaz interactiva presentada. Este diagrama se lee como un canal, porque es un canal, una capa de middleware de nivel de producción entre el modelo de lenguaje y la pantalla del usuario.

El flujo de trabajo de generación de UI de Thesys muestra tres etapas: diseño, desarrollo y entrega de interfaces en tiempo real.

API C1 y práctica de UI generativa

El producto principal de Thesys es C1, un middleware API que mejora las respuestas de LLM para generar elementos de interfaz de usuario estructurados en lugar de texto. Utiliza puntos finales compatibles con OpenAI, lo que significa que los equipos pueden adoptarlo sin tener que reescribir el backend. El SDK de C1 React presenta estos elementos en el lado del cliente, manejando el flujo, la gestión del estado y la interactividad de forma inmediata.

El vocabulario de los componentes cubre los patrones de datos más comunes: gráficos, tablas, formularios, tarjetas, diapositivas e informes. Se basan en Crayon, el sistema de diseño React de código abierto de Thesys, que a su vez se basa en las primitivas de UI de Radix y el patrón shadcn/ui. Las imágenes del tablero de Crayon muestran lo que realmente está sucediendo: gráficos financieros de color naranja cálido superpuestos con paneles analíticos oscuros, anotaciones tipográficas de KPI orientadas hacia adelante y gráficos de áreas que transmiten datos de tendencias sin que el usuario tenga que leer una oración.

Las historias personalizadas son igual de específicas. Uno de los activos visuales clave de Thesys muestra a cuatro usuarios, a cada uno de los cuales se le asignó una identidad de color diferente (cian, verde, morado, azul), con cuatro interfaces de renderizado diferentes. Misma aplicación. Mismo modelo subyacente. Cuatro diseños diferentes, cada uno compuesto para adaptarse a diferentes entornos y perfiles de preferencias. Ésta es la promesa central de la interfaz de usuario generativa a escala: no cuatro variaciones hechas a mano, sino un sistema que pueda generar la interfaz adecuada para las personas que lo usan.

Por qué esto es importante para los diseñadores

El cambio en la forma en que trabajan los diseñadores dentro de este paradigma es real. El trabajo ya no consiste en diseñar cada pantalla. Es un vocabulario (kit de herramientas aprobado) que define componentes y establece las reglas mediante las cuales la inteligencia artificial puede componerlos. El diseñador se convierte en el administrador del sistema y no en el autor de cada estado.

Crayon Design System de Thesys: panel con gráficos financieros y componentes de visualización de datos para generar UI

El diagrama de flujo de trabajo de Thesys lo divide en tres etapas: diseño, desarrollo y entrega. Cada etapa se muestra como una estructura alámbrica progresivamente iluminada, desde un boceto negro plano hasta una superficie de renderizado brillante. Esto significa que el mismo componente permanece intacto en las tres etapas. La fricción en el cambio desaparece no porque los desarrolladores sean más rápidos, sino porque el sistema produce versiones de la implementación basadas directamente en las reglas de diseño.

Para los desarrolladores, este cambio también es significativo. El trabajo pasa de escribir código de interfaz de usuario repetitivo a orquestar el contexto: decidir qué datos pasar, qué componentes permitir y cómo manejar las devoluciones de llamadas interactivas cuando el usuario interactúa con el contenido generado por el modelo. El enfoque de UI generativa posiciona al C1 de Thesys como un modelo diferente de cómo se construye el software front-end, en lugar de una capa de conveniencia.

Más de 300 equipos ya están utilizando las herramientas de Thesys para crear e implementar interfaces de IA adaptativas. La categoría de UI generativa está madurando rápidamente, con el esfuerzo Gemini de Google y plataformas competidoras ingresando al espacio. Thesys cree que la infraestructura (API, sistema de diseño, SDK de renderizado) es donde reside el valor duradero, no el modelo en sí.

Referencia histórica del asistente de IA: Clippy 1997: uno de los primeros pioneros de la interfaz de usuario generativa moderna y las interfaces conversacionales

Home
Account
Cart
Search
¡Hola! ¡Pregúntame lo que quieras!
Explore
Drag