Interfícies que es generen en temps real segons el que necessita cada usuari.

GenUI és un patró d'arquitectura en què la interfície d'usuari no està predissenyada pantalla a pantalla, sinó que un model d'IA la compon en temps real segons la intenció i el context de l'usuari. El model actua com a orquestrador: selecciona components d'un catàleg aprovat (el teu design system), els combina seguint regles explícites i l'app els renderitza de forma nativa. El resultat és una interfície que s'adapta a cada usuari i cada situació — menys passos, menys fricció i experiències més rellevants — sense sacrificar identitat visual ni control.

Un chatbot respon amb text; GenUI respon amb interfície. Quan demanes 'un hotel a Lisboa per al pont', un chatbot et descriu opcions en paràgrafs que has de llegir; una app amb GenUI et mostra targetes visuals amb fotos, dates i preus que pots tocar, comparar i reservar. L'LLM continua sent-hi a sota — entenent la intenció — però la seva sortida és una pantalla operativa, no prosa. De fet, el camí habitual és evolucionar un assistent conversacional que ja funciona cap a GenUI: mateix cervell, millor cos.

No, i aquesta és la clau d'un projecte GenUI seriós. El model no genera codi ni dibuixa lliurement: només pot fer servir els components que el teu equip ha aprovat al catàleg, amb les variants i regles de composició que s'hagin definit. Cada resposta del model es valida contra un esquema abans de renderitzar-se — si alguna cosa no compleix el contracte, no arriba a pantalla i l'app mostra un fallback determinista. El teu design system deixa de ser una guia que s'incompleix i passa a ser un límit tècnic impossible de saltar-se.

genui és l'SDK open source publicat per Flutter Labs (l'equip de labs de Flutter a Google) per construir interfícies generatives en Flutter. Aporta les peces de producció: el Catalog que defineix quins widgets pot fer servir el model, la gestió de superfícies i estat reactiu, i el parser del protocol A2UI. A2UI és un protocol obert en què la interfície viatja de l'agent a l'app com a dades estructurades en streaming — no com a codi — cosa que el fa segur, auditable i ràpid de renderitzar. Nosaltres l'integrem amb el teu backend i el teu design system.

Amb qualsevol. L'SDK genui és agnòstic del model: l'app envia el context al teu backend i és allà on es decideix quin LLM genera la interfície — Gemini, Claude, un model auto-allotjat o una combinació amb enrutament per cost i latència. A Dribba treballem habitualment amb Claude (Anthropic) i Gemini (Google) en producció, i muntem evals per mesurar quin model compon millors interfícies per al teu cas concret abans de casar-nos amb cap.

Sí, i és el camí que recomanem. GenUI no exigeix reescriure l'app: s'introdueix superfície a superfície. Triem un flux amb fricció mesurable — la cerca, l'onboarding, el suport, un formulari llarg —, construïm el catàleg amb els components que ja tens al teu design system i llancem aquesta superfície generativa amb fallback a la pantalla estàtica actual. Si la teva app no està en Flutter, aquest pilot pot ser també la primera peça d'una migració progressiva.

Són restriccions de disseny, no sorpreses de factura. La interfície es transmet en streaming — l'usuari veu la pantalla muntar-se en centenars de mil·lisegons, no espera que acabi la generació completa —, les composicions freqüents es guarden en memòria cau, i definim pressupostos de latència i cost per superfície: quins fluxos justifiquen generació en viu i quins funcionen amb plantilles pre-generades. Amb model routing (models petits per a composicions simples, grans per a les complexes) el cost per sessió es manté en cèntims.

Depèn de dues variables: la mida del catàleg (quants components i variants ha de poder fer servir el model) i quantes superfícies generatives vulguis en producció. El nostre format d'entrada és un pilot acotat: un flux concret, un catàleg reduït sobre el teu design system actual i mètriques de conversió comparades contra la pantalla estàtica. Això dona un senyal real de negoci abans d'escalar. A la primera sessió — sense cost — et donem un rang tancat sobre el teu cas.