Design system agentico
35-55 giorni di lavoro risparmiati a ogni redesign
Il problema
Il design system viveva in Figma ed era scritto per le persone: quando usare un componente, cosa non farci, quali regole di accessibilità rispettare stava nelle review e nella testa di chi c'era da più tempo. Un agente AI non può chiedere cosa intendevamo, e ogni redesign passava comunque da settimane di schermate disegnate e poi ridisegnate in codice.
La soluzione
In due settimane ho estratto dalla libreria Figma i design token, come valori e come significati, e ho scritto per ogni componente un contratto: a cosa serve, varianti e stati, con cosa si compone, cosa non si deve mai fare, regole di accessibilità. Tutto vive in un repository che leggono sia il team sia Claude, collegato a Figma e Storybook via MCP. Claude compone il prototipo in un playground Next.js usando solo i componenti esistenti, e tipi, test e controlli di accessibilità decidono cosa entra.
Il risultato
Il prototipo esce prima di Figma: lo rivediamo nel playground, il sì lo diciamo lì, e solo dopo arriva su Figma e Storybook già pronto per lo sviluppo. Un redesign completo che prima richiedeva un mese ora esce in una settimana, e il tempo recuperato va su strategia ed esperienza utente.
Prima ogni redesign voleva dire un mese di schermate disegnate in Figma da 2-3 designer e poi ridisegnate in codice. Ora una persona scrive il brief, Claude compone il prototipo con i componenti del design system e in una settimana è approvato e pronto per lo sviluppo.