Ho consegnato un componente al team di FidoCommercialista per una nuova feature. Custom-code creato tramite Claude. Il componente è in formato Angular.

Ha animazione integrata, percentuale di completamento, status hover, lottie confetti, status clicked, si attiva al trigger e ha uno status di risoluzione finale.

Creato in un solo prompt.

Uno degli sviluppatori mi ha detto testualmente: in percentuale mi ha risparmiato un 70% del lavoro di scrittura del codice. Mi ci sono volute un po' di ore per controllarlo ed implementarlo.

Per non parlare di tutto il tempo risparmiato di hand-off, in cui io dovevo spiegare l'animazione, cercare reference o crearla ex novo.

Questo era solo un test, l'ideale è sempre creare un ambiente in cui il tuo design system e token sono già collegati ai componenti che l'AI genera e gli sviluppatori possono nutrire la AI di informazioni e convenzioni sulla modalità di scrittura preferita e seguire gli standard aziendali. In modo da non rischiare di creare output difficili da leggere e interpretare.

Non è un caso isolato

Anche i team più grandi stanno documentando pubblicamente risultati simili con l'AI applicata all'hand-off design-sviluppo.

Shopify ha raccontato come i suoi designer generino direttamente frontend funzionante a partire da riferimenti visivi annotati, riducendo drasticamente il tempo speso a scrivere documentazione di handoff statica per gli sviluppatori.

GitHub, nei suoi studi interni su Copilot, ha riportato che gli sviluppatori completano i task circa il 55% più velocemente quando l'AI genera una prima bozza di codice da rifinire, invece di scrivere tutto da zero.

Vercel, con il suo strumento v0, ha costruito un intero prodotto attorno all'idea che generare componenti React direttamente da un'interfaccia visiva elimini quasi del tutto il passaggio di consegne tradizionale tra design e frontend.

Il pattern comune: l'AI non sostituisce lo sviluppatore, ma azzera il tempo morto tra "il design è pronto" e "il codice funziona davvero".

Come farlo concretamente? Beh quella è un'altra storia :) Se hai qualche curiosità parliamone anche in privato! Amo fare divulgazione su Linkedin, leggi i miei altri articoli su come integrare con facilità l'AI nei tuoi processi (quasi gratis) 🔥

Sono Cordiska, sono una Product Designer, Webflow Dev e Viber Coder (o Design Engineer come direbbero alcuni).  

Se sei un collega rimaniamo in contatto! E raccontami sui commenti qualche progetto in cui hai sfruttato il vibe-coding.

Se sei un'azienda e vuoi portare una ventata di aria fresca al tuo metodo di sviluppo software scrivimi pure (ho un numero di richieste importanti, ma possiamo sentirci con un po' di anticipo per conoscerci!)

Fonti:
Shopify Engineering · GitHub Copilot Research · Vercel — v0