Recensione di Google Stitch (2026): è gratuito? Funzionalità, esportazione Figma, MCP e alternative22 min read

Google Stitch è uno strumento di progettazione AI gratuito di Google Labs che trasforma un messaggio di testo, un’immagine o un riferimento a un sito Web in schermate dell’interfaccia utente ad alta fedeltà, quindi ti consente di perfezionarle su una tela infinita ed esportarle in Figma, codice, Google AI Studio o Antigravity. È iniziato nel maggio 2025 come esperimento prompt-to-UI ed è diventato un canvas di progettazione nativo dell’intelligenza artificiale nel marzo 2026. Questa recensione è per designer, product manager e fondatori che vogliono sapere cosa fa bene Stitch, dove si ferma e se può sostituire Figma.

I fatti riflettono gli annunci di Google, i documenti degli sviluppatori Google e i rapporti pubblici degli utenti a novembre 2026. Stitch è un prodotto Google Labs, quindi funzionalità e limiti cambiano spesso. Conferma i dettagli attuali su stitch.withgoogle.com. Questa recensione si basa sul materiale ufficiale di Google e sui rapporti degli utenti pubblici.

Il nostro verdetto in una riga: Stitch è il miglior modo gratuito per esplorare rapidamente le indicazioni dell’interfaccia utente e i suoi collegamenti con Google AI Studio e Antigravity sono davvero utili per i costruttori. Non è un sostituto di Figma. La produzione può sembrare generica, le esportazioni verso Figma spesso arrivano come struttura piatta e Google non pubblica un limite fisso di livello libero o un piano a lungo termine. Di seguito troverai le funzionalità, i limiti, Figma e l’esportazione del codice, MCP, una procedura dettagliata con suggerimenti di esempio, cosa dicono gli utenti e le migliori alternative, incluso Anima Playground.

Nell’era dell’intelligenza artificiale, il design è un codice. Per progettare direttamente in codice con l’intelligenza artificiale o per trasformare i tuoi progetti Figma in codice, utilizza Parco giochi dell’Anima: descrivi una schermata o inizia da un progetto Figma, quindi continua a ripetere su un’app modificabile che puoi visualizzare in anteprima e pubblicare.

Recensione di Google Stitch: verdetto rapido

Ideale per l’esplorazione gratuita e per gli sviluppatori nello stack di Google. Meno adatto ai team che necessitano di componenti Figma nativi, un rigoroso controllo del marchio o un prodotto garantito a lungo termine.

Cos’è Google Stitch?

Stitch è un esperimento di Google Labs che genera interfacce utente da linguaggio naturale, immagini e altro contesto. Google ha acquisito Galileo AI nel maggio 2025 e ha lanciato Stitch al Google I/O quel mese, basato su Gemini 2.5. Agli utenti di Galileo sono stati concessi 30 giorni per effettuare la migrazione. Se hai cercato Galileo AI, questo è il prodotto che lo ha sostituito.

Cronologia di ciò che è cambiato

Google Stitch sarà disponibile nel 2026

Prompt, immagine, URL o voce nell’interfaccia utente

Puoi iniziare spiegando l’obiettivo aziendale, la sensazione che desideri o un riferimento, invece di disegnare un wireframe. Stitch accetta anche immagini, testo e codice come contesto sulla tela e puoi parlare alla tela per critiche e cambiamenti in tempo reale. La finestra di messaggio ha un interruttore per app e Web e un selettore di modello, che le demo di Google mostrano come opzioni come 3 Flash e 3.1 Pro.

Canvas infinito, agente di progettazione e gestore agente

La tela racchiude schermi, riferimenti e idee in un unico posto. L’agente di progettazione ragiona sull’intero progetto e il manager dell’agente tiene traccia di diverse esplorazioni in parallelo. All’I/O 2026 Google ha aggiunto lo streaming in tempo reale, così guardi Stitch costruire una pagina e puoi guidarla prima che finisca.

Sistemi di progettazione e DESIGN.md

Stitch può estrarre un sistema di progettazione da qualsiasi URL e utilizza DESIGN.md, un file Markdown con token di progettazione in YAML oltre a motivazioni scritte per colori, tipo, spaziatura e componenti. Puoi esportarlo, importarlo in un altro progetto Stitch o condividerlo con un agente di codifica. Google ha reso open source la bozza delle specifiche nell’aprile 2026 in modo che altri strumenti possano utilizzarla.

Prototipi istantanei

È possibile collegare insieme le schermate e premere Riproduci per scorrere un flusso. Stitch può anche generare schermate successive logiche con un clic, che mappano rapidamente un viaggio. Per il motivo per cui flussi e prototipi contano in fasi diverse, vedere wireframe e prototipi.

Condividi, pubblica ed esporta

Dal canvas puoi creare un collegamento condivisibile tramite Google AI Studio, esportarlo in Google Antigravity per aggiungere logica di backend o pubblicare sul Web con Netlify. Il pannello di esportazione di Google nella demo I/O elenca Google AI Studio, Google Antigravity tramite MCP e Figma.

Google Stitch è gratuito? Prezzi e limiti

Sì. Stitch è gratuito con un account Google su stitch.withgoogle.com e non esiste un piano a pagamento. È un prodotto Google Labs, disponibile per persone di età pari o superiore a 18 anni in un gran numero di paesi, quindi potrebbe non essere offerto ovunque.

Il consiglio pratico è quello di esplorare in modalità Veloce, salvare il modello Pro per gli schermi che si prevede di spedire ed esportare il lavoro finito lo stesso giorno.

Google Stitch to Figma: come funziona l’esportazione

Stitch supporta Copia su Figma e incolla e Google mostra Figma nel suo pannello di esportazione. In pratica i dettagli contano:

• I rapporti sul forum degli sviluppatori di Google e su Reddit affermano che Copia su Figma non è offerto per i progetti realizzati nelle modalità Thinking o Pro, quindi la qualità e l’esportazione di Figma possono andare in direzioni opposte.
• Gli utenti di Reddit descrivono le importazioni in cui il testo arriva come vettori e i fotogrammi vengono utilizzati come spaziatura all’interno del layout automatico, quindi gran parte del risultato deve essere ricostruito.
• Una soluzione comune è scaricare il codice Stitch e importarlo in Figma con un plugin come html.to.design, che tende a fornire un’importazione più fedele.

Il flusso di lavoro sensato è terminare l’iterazione in Stitch, esportare una volta, quindi ricostruire i componenti e i token corretti in Figma. Ogni rigenerazione invalida la pulizia manuale eseguita in un’esportazione precedente. Se vuoi un agente all’interno di Figma che rispetti già i tuoi componenti, guarda Anima’s Buddy o Nodey del pilota UX.

Esportazione del codice Google Stitch e MCP

Stitch ha prodotto codice front-end sin dal lancio e le recensioni descrivono HTML con classi Tailwind che gli sviluppatori possono utilizzare come punto di partenza. Trattalo come un’impalcatura: un componente di grandi dimensioni con dati statici è un risultato comune, quindi pianifica di dividere i componenti e lo stato dei cavi.

Il server Stitch MCP e l’SDK sono la storia degli sviluppatori più interessante. Un agente di codifica come Google Antigravity può recuperare il tuo progetto, leggere i token e le schermate di progettazione e creare da essi. Il codelab di Google illustra la creazione di una chiave API nelle impostazioni di Stitch, l’aggiunta di Stitch MCP in Antigravity, la generazione di DESIGN.md e la creazione di un sito React e Tailwind. Il riferimento MCP elenca gli strumenti per creare progetti, generare schermate da testo, modificare schermate, generare varianti e gestire sistemi di progettazione, incluso il caricamento di DESIGN.md.

Se il tuo obiettivo finale è un’app React o HTML funzionante anziché un file di progettazione, confronta questo percorso con Parco giochi dell’Anima, che crea direttamente l’app modificabile.

Come utilizzare Google Stitch: una guida dettagliata

Questa procedura dettagliata segue gli annunci, i documenti degli sviluppatori e i video dimostrativi di I/O di Google. Le istruzioni riportate di seguito sono punti di partenza per provare te stesso e i risultati variano da corsa a corsa. Le immagini sono immagini ufficiali di Google, accreditate come tali, più una visualizzazione della pagina di destinazione pubblica. Il punto cambia spesso, quindi i nomi dei pulsanti e dei modelli potrebbero differire quando lo apri.

Se vuoi anche confrontare gli strumenti, prova la stessa richiesta di scambio pianta di seguito in Stitch e in UX Pilot. Nostro Recensione pilota UX mostra come è andata a finire quella richiesta, quindi puoi confrontare i due con la lista di controllo alla fine.

Passaggio 1: apri Stitch e accedi

Vai su stitch.withgoogle.com e accedi con un account Google. Stitch è un prodotto Google Labs per persone di età pari o superiore a 18 anni nei paesi supportati. La pagina di destinazione pubblica è una singola finestra di messaggio con un interruttore per app e Web, un chip modello e alcuni suggerimenti iniziali.

Nel momento in cui scrivo si legge il chip modello sulla pagina pubblica Equilibrato, mentre i frame demo I/O di Google mostrano nomi di modelli come 3 Flash e 3.1 Pro. I nomi e le opzioni cambiano tra una versione e l’altra, quindi scegli le opzioni veloci e di alta qualità offerte dall’app quel giorno.

Passaggio 2: scegli App o Web e un modello

L’interruttore indica a Stitch se stai progettando un’app mobile nativa o una pagina web. La demo di Google utilizza Web. Per la richiesta di scambio impianto di seguito, scegli App. Per proteggere le tue generazioni libere, esplora con il modello più veloce e mantieni il modello di qualità superiore per gli schermi che prevedi di spedire. I limiti sono descritti sopra nella sezione dei prezzi.

Passaggio 3: scrivi un prompt, con il contesto

La guida di Google è quella di iniziare con l’obiettivo aziendale, la sensazione che vuoi che gli utenti abbiano o esempi di ciò che ti ispira, anziché con un wireframe. Stitch accetta anche immagini, testo e codice come contesto sull’area di disegno e può estrarre un sistema di progettazione da un URL. Ecco il messaggio dimostrativo di Google dal video I/O, come mostrato sullo schermo nell’immagine della finestra di messaggio in precedenza in questa recensione:

creare una landing page reattiva per willamette pizza co. per quanto riguarda la tavolozza dei colori, facciamo in modo che lo sfondo primario sia un caldo bianco sporco, lo sfondo secondario sia un azzurro cielo luminoso e tenue e abbia un vibrante accento blu cielo…

Ed ecco un brief che puoi provare sia su Stitch che su UX Pilot. Scegli App, incollala e invia:

Un’app mobile per una comunità di scambio di piante di quartiere: feed di casa, pagina dei dettagli della pianta e schermata di chat. Accento pulito, amichevole, verde.

Suggerimenti che seguono le indicazioni di Google: dai un nome agli schermi che desideri, dichiara la sensazione (pulito, amichevole), dai un colore in risalto e allega un’immagine di riferimento se ne hai una.

Passaggio 4: guardalo generare e governare

All’I/O 2026 Google ha affermato che Stitch ora trasmette il suo lavoro direttamente sulla tela, così puoi guardare una pagina prendere forma. L’agente Stitch ti consente di guidare le iterazioni prima che il risultato sia definitivo e il gestore agenti tiene traccia di diverse esplorazioni in parallelo. Nella demo di Google puoi anche parlare al Canvas per chiedere critiche o modifiche.

Passaggio 5: modifica con istruzioni di follow-up

Una volta create le schermate, perfezionale con brevi follow-up nella chat oppure seleziona una schermata e chiedi una modifica. Il riferimento MCP di Stitch elenca anche gli strumenti per modificare le schermate e generare varianti, il che è utile quando si desiderano più direzioni di una schermata. Un follow-up che puoi provare sul risultato dello scambio di piante:

Rendi la home alimentata da una griglia a 2 colonne e aggiungi una barra di ricerca

Quando confronti gli strumenti, nota se il resto dello schermo rimane lo stesso dopo una modifica, perché le modifiche in stile rigenerazione possono cambiare aree che non hai chiesto.

Passaggio 6: applica un sistema di progettazione con DESIGN.md

Stitch può estrarre un sistema di progettazione da un URL e memorizza le regole di progettazione in DESIGN.md, un file Markdown con token e motivazioni scritte. Puoi esportarlo, importarlo in un altro progetto Stitch o consegnarlo a un agente di codifica. La demo di Google applica un sistema di progettazione a un intero sito con un messaggio in linguaggio semplice:

Applica questo sistema di progettazione all’intero sito.

Passaggio 7: collega le schermate e premi Riproduci

Google afferma che puoi unire le schermate in pochi secondi e fare clic su Riproduci per visualizzare in anteprima il flusso. Stitch può anche generare schermate successive logiche con un clic, il che ti aiuta a mappare velocemente un viaggio. Per l’app di scambio di piante, collega il feed alla pagina dei dettagli e la pagina dei dettagli alla chat, quindi fai clic.

Passaggio 8: condividi ed esporta

Quando hai finito, apri Esporta. La demo I/O di Google mostra Google AI Studio, Google Antigravity tramite MCP e Figma. Puoi anche creare un collegamento condivisibile tramite AI Studio o pubblicare sul Web con Netlify. Per gli sviluppatori, Stitch MCP e SDK necessitano di una chiave API dalle impostazioni di Stitch, come descritto nel codelab di Google. Leggi le note sull’esportazione di Figma sopra prima di fare affidamento su Copia su Figma.

Una lista di controllo per giudicare il tuo risultato

• Ogni schermata che hai nominato esiste, con contenuti realistici invece di testo segnaposto?
• Il colore e il tipo di accento sono coerenti su tutti gli schermi?
• Dopo la richiesta di modifica, è cambiata solo l’area richiesta?
• Quante generazioni sono state utilizzate per l’esplorazione e quanto tempo ha richiesto la pulizia in Figma?

Fonti: Google annuncio del design dell’atmosfera, il Aggiornamento della progettazione I/O in tempo reale e il Annuncio DESIGN.md.

Cosa dicono gli utenti di Google Stitch

• Lodato: velocità, un generoso livello gratuito, generazione multi-schermo, canvas, estrazione del sistema di progettazione e collegamenti degli sviluppatori ad AI Studio, Antigravity e MCP.
• Criticato: output semplice o generico anche con riferimenti, controllo debole su progetti SaaS e aziendali complessi, esportazioni Figma che necessitano di ricostruzione, raggiungimento dei limiti di generazione mensili ed errori di generazione occasionali segnalati sul forum di Google.

Un designer su r/UX_Design afferma che Stitch è “uno straordinario strumento di ideazione e iterazione rapida” ma i risultati sono rimasti “molto semplici e generici” anche dopo aver aggiunto i riferimenti. Un utente su r/StitchAI afferma che gran parte di ciò che ritorna deve essere ricreato da zero dopo l’importazione in Figma. Entrambi sono rapporti individuali, non tassi misurati.

Pro e contro di Google Stitch

Google Stitch vs Figma: Stitch può sostituire Figma?

No, e Google non la posiziona in questo modo. Stitch possiede la fase zero-a-uno: esplorare le direzioni, ottenere un primo progetto e consegnarlo al codice. Figma possiede perfezionamento, componenti, variabili, collaborazione e trasferimento per team di grandi dimensioni. I due si incontrano nella fase di esportazione, che è dove si concentra la maggior parte degli attriti.

Se vuoi vedere lo strumento di prototipo AI di Figma, leggi la nostra guida a Figma Fai.

Le migliori alternative a Google Stitch

1. Parco giochi dell’Anima

Scegli Anima Playground se desideri progettare direttamente nel codice. Descrivi una schermata o inizia da un disegno Figma, un’immagine o l’URL di un sito Web, quindi continua a ripetere su un’app HTML o React modificabile che puoi visualizzare in anteprima, condividere e pubblicare. Stitch è uno strumento di esplorazione del design che esporta codice. Playground considera l’app funzionante come il progetto, quindi la spaziatura, gli stati e il comportamento reattivo sono visibili durante l’iterazione. Non è una fonte di livelli Figma nativi, quindi abbinalo al plug-in Anima Figma o Buddy se ne hai bisogno.

2. Pilota UX

Meglio per i team incentrati su Figma: Nodey funziona all’interno di Figma, importa i tuoi componenti e genera livelli nativi. Il costo dei crediti va oltre l’indennità giornaliera gratuita. Vedi il nostro Recensione pilota UX.

3. Figma Crea

Prototipi interattivi all’interno di Figma. Leggi cos’è Figma Make o il Confronto tra Figma Make e Anima Playground.

4. Claudio Design

Concetti, diapositive e prototipi guidati dalla chat con la consegna del codice Claude. Vedi il nostro Recensione di Claude Design.

5. Amico di Anima

Un agente di progettazione AI all’interno di Figma che utilizza il contesto del tuo sistema di progettazione. Sceglilo se vuoi restare sulla tela Figma.

Chi dovrebbe utilizzare Google Stitch?

• Fondatori e PM che necessitano di un primo progetto credibile senza pagare uno strumento.
• Designer esplorare molte direzioni prima di aprire Figma.
• Sviluppatori che desiderano un contesto di progettazione per Antigravity o un altro agente compatibile con MCP.

Cerca altrove se hai bisogno di un rigoroso controllo del marchio, di componenti Figma nativi, di capacità garantita o di un prodotto stabile a lungo termine.

Verdetto finale: vale la pena Google Stitch?

Sì, come strumento di esplorazione gratuito. Usalo per ottenere rapidamente diverse indicazioni, quindi sposta il vincitore in Figma o in un agente di codifica ed esporta lo stesso giorno. Non pianificare il flusso di lavoro dell’agenzia attorno ad esso finché Google non pubblica i limiti e una tabella di marcia. Se vuoi che il design e l’app funzionante rimangano insieme, prova successivamente Anima Playground.

Progetta direttamente nel codice con l’intelligenza artificiale

Progetta con l’intelligenza artificiale: descrivi uno schermo o trasforma i progetti Figma in codice.

Domande frequenti su Google Stitch

Cos’è Google Stitch?

Google Stitch è uno strumento AI di Google Labs che genera progetti di interfaccia utente ad alta fedeltà e codice front-end da istruzioni di testo, immagini e altro contesto su una tela infinita. È stato lanciato nel maggio 2025 e ha sostituito Galileo AI, acquisito da Google.

Google Stitch è gratuito?

Sì. Stitch è gratuito con un account Google e non ha un piano a pagamento. Si applicano limiti di generazione mensili e l’assistenza di Google ha citato 350 generazioni standard e 50 sperimentali al mese nell’agosto 2025. I rapporti successivi differiscono, quindi controlla il limite corrente nell’app.

Come posso accedere a Google Stitch?

Vai su stitch.withgoogle.com e accedi con un account Google. Stitch è un prodotto Google Labs per utenti di età pari o superiore a 18 anni e potrebbe non essere disponibile in tutti i Paesi.

Google Stitch può esportare in Figma?

Sì, con Copia su Figma e incolla, ma viene segnalato come non disponibile per alcune modalità e spesso arriva come livelli piatti. Molti utenti scaricano il codice e lo importano invece con un plugin come html.to.design.

Google Stitch dispone di un server MCP?

Sì. Il server MCP e l’SDK di Stitch consentono ad agenti di codifica come Google Antigravity di leggere i tuoi progetti, generare schermate e utilizzare il tuo sistema di progettazione. Crei una chiave API nelle impostazioni di Stitch per connetterti.

Quali sono le migliori alternative a Google Stitch?

Anima Playground è un’ottima scelta se desideri un’app HTML o React modificabile da un prompt o da un design Figma. UX Pilot si adatta ai team Figma, Figma Make si adatta ai prototipi interattivi in ​​Figma e Claude Design si adatta ai concetti guidati dalla chat.