Google Stitch: lo Strumento AI che Genera Interfacce con la Voce

Google ha rilasciato un aggiornamento sostanziale di Stitch, il suo strumento di design AI che genera interfacce per app mobile e web. Non è un prodotto nuovo — era uscito in sordina a Google I/O 2025 — ma questa versione è un salto in avanti netto. Cinque funzionalità nuove, una più interessante dell'altra.

Cos'è Stitch e cosa cambia con questo aggiornamento

Stitch è uno strumento di Google Labs che genera UI ad alta fedeltà a partire da prompt testuali, sketch, screenshot o wireframe. Lo alimenti con un'idea, lui ti restituisce schermate complete. Fin qui, niente di radicale. La differenza sta in come hanno ripensato l'interazione.

Le cinque novità principali:

• Canvas AI-nativo: un canvas infinito che integra testo, immagini, codice e componenti UI in un unico spazio. Non è un editor visuale con AI appiccicata sopra — il canvas stesso è intelligente, capisce il contesto del progetto e suggerisce variazioni
• Comandi vocali: questa è la parte più sperimentale. Puoi parlare al canvas via Gemini Live: "dammi tre varianti per il menu", "palette più scura", "aggiungi una sezione hero". Il design diventa conversazionale
• Prototipi istantanei: i design statici si trasformano in prototipi cliccabili. Colleghi le schermate, definisci i flussi utente, e l'AI suggerisce le schermate logiche successive
• Design system: Stitch può estrarre un design system da qualsiasi URL. Dai in pasto un sito e lui ne ricava colori, tipografia, spaziature
• DESIGN.md: un formato markdown pensato per essere leggibile da agenti AI. Esporta le regole di design in un file .md che puoi importare in altri strumenti di sviluppo o design. È il pezzo che rende Stitch interoperabile

Perché il formato DESIGN.md è la novità più rilevante

Le interfacce generate da AI le fanno in tanti. Il canvas vocale è interessante ma sperimentale. La vera novità architetturale è DESIGN.md.

Oggi, i design system vivono in Figma, in file JSON proprietari, o nella testa del designer. DESIGN.md è un file markdown strutturato che codifica le regole visive — colori, tipografia, spaziature, componenti — in un formato che qualsiasi LLM può leggere e applicare. Se funziona come promesso, significa che puoi esportare il design system da Stitch, darlo in input a un agente di sviluppo, e quello genera codice coerente con il tuo brand senza configurazione manuale.

Stitch esporta anche HTML/CSS e offre export con un click verso Figma, AI Studio e Antigravity. Non è ancora un sostituto completo del design tradizionale, ma la direzione è chiara: il design system diventa un artefatto portable tra strumenti AI.

Limiti e considerazioni pratiche

Stitch è in beta gratuita su Google Labs, con limiti sulle generazioni. Il canvas vocale richiede Gemini Live, che non è disponibile ovunque. La qualità delle UI generate dipende molto dalla specificità del prompt — prompt vaghi producono risultati generici.

L'export in codice genera HTML e CSS di base, non componenti React o Vue. Per un frontend engineer, è un punto di partenza, non un prodotto finito. E come tutti gli strumenti di design AI, il rischio è generare interfacce che si somigliano tutte — il "look AI" è già riconoscibile.

Detto questo, per prototipazione rapida e ideazione, Stitch è probabilmente lo strumento più completo disponibile oggi. Il fatto che sia gratis e integrato nell'ecosistema Google lo rende accessibile.

FAQ

Stitch è gratuito? Sì, è disponibile gratuitamente tramite Google Labs in fase beta. Ci sono limiti sul numero di generazioni.

Posso usare Stitch per generare codice React o Vue? No. Stitch esporta HTML e CSS di layout. Per componenti framework-specific, serve un passaggio manuale o un altro strumento.

Cos'è DESIGN.md? È un formato markdown che codifica le regole di un design system (colori, tipografia, componenti) in modo leggibile da agenti AI e altri strumenti. Puoi esportarlo da Stitch e importarlo altrove.