Google Stitch Review (2026): is het gratis? Functies, Figma Export, MCP en alternatieven21 min read

Google Stitch is een gratis AI-ontwerptool van Google Labs die een tekstprompt, een afbeelding of een websitereferentie omzet in hifi-UI-schermen, waarna u deze kunt verfijnen op een oneindig canvas en kunt exporteren naar Figma, code, Google AI Studio of Antigravity. Het begon in mei 2025 als een prompt-to-UI-experiment en werd in maart 2026 een AI-native design canvas. Deze review is voor ontwerpers, productmanagers en oprichters die willen weten wat Stitch goed doet, waar het stopt en of het Figma kan vervangen.

De feiten weerspiegelen de eigen aankondigingen van Google, Google-ontwikkelaarsdocumenten en openbare gebruikersrapporten uit november 2026. Stitch is een Google Labs-product, dus functies en limieten veranderen vaak. Bevestig de huidige gegevens op stitch.withgoogle.com. Deze beoordeling is gebaseerd op het officiële materiaal van Google en openbare gebruikersrapporten.

Ons oordeel in één zin: Stitch is de beste gratis manier om snel de UI-richtingen te verkennen, en de koppelingen met Google AI Studio en Antigravity zijn echt nuttig voor bouwers. Het is geen Figma-vervanger. De output kan generiek aanvoelen, de export naar Figma komt vaak in de vorm van een platte structuur en Google publiceert geen vaste limiet op het vrije niveau of een langetermijnplan. Hieronder vind je de features, limieten, Figma en code export, MCP, een stapsgewijze walkthrough met voorbeeldprompts, wat gebruikers zeggen en de beste alternatieven, waaronder Anima Playground.

In het tijdperk van AI is design code. Gebruik om rechtstreeks in code met AI te ontwerpen, of om uw Figma-ontwerpen in code om te zetten Anima-speeltuin: beschrijf een scherm of begin met een Figma-ontwerp en blijf vervolgens herhalen op een bewerkbare app die u kunt bekijken en publiceren.

Google Stitch-recensie: snel oordeel

Beste voor gratis verkenning en voor bouwers in de Google-stack. Minder geschikt voor teams die native Figma-componenten, strikte merkcontrole of een gegarandeerd langdurig product nodig hebben.

Wat is Google Stitch?

Stitch is een experiment van Google Labs dat gebruikersinterfaces genereert op basis van natuurlijke taal, afbeeldingen en andere context. Google heeft Galileo AI in mei 2025 overgenomen en die maand Stitch gelanceerd op Google I/O, gebouwd op Gemini 2.5. Galileo-gebruikers kregen 30 dagen de tijd om te migreren. Als u naar Galileo AI heeft gezocht, is dit het product dat het heeft vervangen.

Tijdlijn van wat er is veranderd

Google Stitch-functies in 2026

Prompt, afbeelding, URL of stem naar gebruikersinterface

Je kunt beginnen met het uitleggen van het bedrijfsdoel, het gewenste gevoel of een referentie, in plaats van een wireframe te tekenen. Stitch accepteert ook afbeeldingen, tekst en code als context op het canvas, en je kunt tegen het canvas praten voor kritiek en live veranderingen. Het promptvenster heeft een app- en webschakelaar en een modelkiezer, die de eigen demo’s van Google laten zien als opties zoals 3 Flash en 3.1 Pro.

Oneindig canvas, ontwerpagent en agentmanager

Het canvas bevat schermen, referenties en ideeën op één plek. De ontwerpagent redeneert gedurende het hele project, en de Agentmanager volgt verschillende verkenningen parallel. Op I/O 2026 heeft Google realtime streaming toegevoegd, zodat je kunt zien hoe Stitch een pagina opbouwt en deze kunt bijsturen voordat deze klaar is.

Ontwerpsystemen en DESIGN.md

Stitch kan een ontwerpsysteem uit elke URL halen en gebruikt DESIGN.md, een Markdown-bestand met ontwerptokens in YAML plus geschreven redenen voor kleuren, type, spatiëring en componenten. U kunt het exporteren, importeren in een ander Stitch-project of delen met een codeeragent. Google heeft de conceptspecificatie in april 2026 open source gemaakt, zodat andere tools deze kunnen gebruiken.

Instant prototypes

U kunt schermen aan elkaar koppelen en op Play drukken om door een stroom te klikken. Stitch kan ook met één klik logische vervolgschermen genereren, waardoor een reis snel in kaart wordt gebracht. Zie voor waarom stromen en prototypes er in verschillende stadia toe doen wireframes versus prototypes.

Deel, publiceer en exporteer

Vanaf het canvas kunt u een deelbare link maken via Google AI Studio, exporteren naar Google Antigravity om backend-logica toe te voegen, of publiceren op internet met Netlify. Google’s eigen exportpaneel in de I/O-demo vermeldt Google AI Studio, Google Antigravity via MCP en Figma.

Is Google Stitch gratis? Prijzen en limieten

Ja. Stitch is gratis met een Google-account op stitch.withgoogle.com en er is geen betaald abonnement. Het is een Google Labs-product dat in een groot aantal landen beschikbaar is voor mensen van 18 jaar en ouder, dus het kan zijn dat het niet overal wordt aangeboden.

Het praktische advies is om in de snelle modus te verkennen, het Pro-model op te slaan voor schermen die u wilt verzenden en het voltooide werk dezelfde dag nog te exporteren.

Google Stitch to Figma: hoe exporteren werkt

Stitch ondersteunt Kopiëren naar Figma en plakken, en Google toont Figma in zijn exportpaneel. In de praktijk zijn de details van belang:

• Rapporten op het ontwikkelaarsforum van Google en Reddit zeggen dat Kopiëren naar Figma niet wordt aangeboden voor ontwerpen gemaakt in de Thinking- of Pro-modi, dus kwaliteit en Figma-export kunnen in tegengestelde richtingen werken.
• Reddit-gebruikers beschrijven importen waarbij tekst arriveert omdat vectoren en frames worden gebruikt als spatiëring binnen de automatische lay-out, waardoor een groot deel van het resultaat opnieuw moet worden opgebouwd.
• Een gebruikelijke oplossing is om de Stitch-code te downloaden en deze in Figma te brengen met een plug-in zoals html.to.design, wat de neiging heeft een betrouwbaardere import te geven.

De verstandige workflow is om de iteratie in Stitch af te ronden, één keer te exporteren en vervolgens de juiste componenten en tokens opnieuw op te bouwen in Figma. Elke regeneratie maakt de handmatige opschoning die u bij een eerdere export hebt uitgevoerd, ongeldig. Als je een agent binnen Figma wilt die je componenten al respecteert, kijk dan naar Anima’s Buddy of Nodey van UX-piloot.

Google Stitch-code-export en MCP

Stitch heeft sinds de lancering front-endcode geproduceerd en in recensies wordt HTML beschreven met Tailwind-klassen die ontwikkelaars als uitgangspunt kunnen gebruiken. Beschouw het als een steiger: één groot onderdeel met statische gegevens is een veelvoorkomend resultaat, dus plan om de onderdelen en de bedradingsstatus te splitsen.

De Stitch MCP-server en SDK zijn het interessantere ontwikkelaarsverhaal. Een codeeragent zoals Google Antigravity kan uw project ophalen, de ontwerptokens en schermen lezen en op basis daarvan bouwen. Google’s eigen codelab begeleidt het maken van een API-sleutel in Stitch-instellingen, het toevoegen van de Stitch MCP in Antigravity, het genereren van een DESIGN.md en het bouwen van een React- en Tailwind-site. De MCP-referentie bevat tools voor het maken van projecten, het genereren van schermen uit tekst, het bewerken van schermen, het genereren van varianten en het beheren van ontwerpsystemen, inclusief het uploaden van een DESIGN.md.

Als uw einddoel een werkende React- of HTML-app is in plaats van een ontwerpbestand, vergelijk deze route dan met Anima-speeltuin, waarmee de bewerkbare app rechtstreeks wordt gebouwd.

Hoe Google Stitch te gebruiken: een stapsgewijze uitleg

Deze walkthrough volgt de eigen aankondigingen van Google, ontwikkelaarsdocumentatie en I/O-demovideo’s. De onderstaande aanwijzingen zijn startpunten om zelf uit te proberen, en de resultaten variëren van run tot run. De afbeeldingen zijn de officiële afbeeldingen van Google, die als zodanig worden vermeld, plus één weergave van de openbare landingspagina. De steek verandert vaak, dus de namen van knopen en modelnamen kunnen verschillen als u deze opent.

Als je ook tools wilt vergelijken, probeer dan dezelfde plant-swap-prompt hieronder in Stitch en in UX Pilot. Ons UX Pilot-recensie laat zien hoe die prompt daar uitpakte, zodat je de twee kunt vergelijken met de checklist aan het einde.

Stap 1: open Stitch en log in

Ga naar stitch.withgoogle.com en log in met een Google-account. Stitch is een Google Labs-product voor mensen van 18 jaar en ouder in ondersteunde landen. De openbare landingspagina is één promptvenster met een app- en webschakelaar, een modelchip en een paar startersuggesties.

Op het moment van schrijven staat de modelchip op de openbare pagina vermeld Evenwichtig, terwijl de I/O-demoframes van Google modelnamen tonen zoals 3 Flash en 3.1 Pro. Namen en opties veranderen tussen releases, dus kies de snelle en hoogwaardige opties die de app die dag biedt.

Stap 2: kies App of Web en een model

De schakelaar vertelt Stitch of u een native mobiele app of een webpagina ontwerpt. De eigen demo van Google maakt gebruik van Web. Voor de onderstaande plantwissel-prompt kiest u App. Om uw vrije generaties te beschermen, onderzoekt u het snellere model en behoudt u het model van hogere kwaliteit voor schermen die u wilt verzenden. De limieten worden hierboven besproken in het prijsgedeelte.

Stap 3: schrijf een prompt, met context

De leidraad van Google is om te beginnen met de zakelijke doelstelling, het gevoel dat u wilt dat gebruikers hebben, of voorbeelden van wat u inspireert, in plaats van een draadmodel. Stitch accepteert ook afbeeldingen, tekst en code als context op het canvas, en kan een ontwerpsysteem uit een URL halen. Hier is Google’s eigen demoprompt uit de I/O-video, zoals eerder in deze recensie op het scherm weergegeven in de promptvensterafbeelding:

bouw een responsieve landingspagina voor willamette pizza co. Laten we voor het kleurenpalet de primaire achtergrond een warm gebroken wit laten zijn, de secundaire achtergrond een helder, zacht hemelsblauw en een levendige hemelsblauwe accentkleur…

En hier is een korte instructie die u zowel Stitch als UX Pilot kunt uitproberen. Kies App, plak het en verstuur:

Een mobiele app voor een plantenruilgemeenschap in de buurt: thuisfeed, plantdetailpagina en chatscherm. Schoon, vriendelijk, groen accent.

Tips die de richtlijnen van Google volgen: geef de gewenste schermen een naam, geef het gevoel aan (schoon, vriendelijk), geef één accentkleur en voeg een referentieafbeelding toe als je die hebt.

Stap 4: kijk hoe het genereert en stuurt

Op I/O 2026 zei Google dat Stitch zijn werk nu rechtstreeks naar het canvas streamt, zodat je kunt zien hoe een pagina vorm krijgt. Met de Stitch Agent kunt u iteraties sturen voordat het resultaat definitief is, en met de Agent Manager kunt u verschillende verkenningen parallel volgen. In de demo van Google kun je ook tegen het canvas praten om kritiek of wijzigingen te vragen.

Stap 5: bewerken met vervolgprompts

Zodra er schermen bestaan, verfijnt u ze met korte vervolgacties in de chat, of selecteert u een scherm en vraagt u om een wijziging. De MCP-referentie van Stitch vermeldt ook hulpmiddelen om schermen te bewerken en varianten te genereren, wat handig is als u meerdere richtingen van één scherm wilt. Een vervolg dat u kunt proberen op basis van het resultaat van de plantwissel:

Maak van de thuisfeed een raster met twee kolommen en voeg een zoekbalk toe

Wanneer u tools vergelijkt, let er dan op of de rest van het scherm hetzelfde blijft na een bewerking, omdat bewerkingen in een opnieuw gegenereerde stijl gebieden kunnen veranderen waar u niet om hebt gevraagd.

Stap 6: pas een ontwerpsysteem toe met DESIGN.md

Stitch kan een ontwerpsysteem uit een URL halen en ontwerpregels opslaan in DESIGN.md, een Markdown-bestand met tokens en geschreven grondgedachte. U kunt het exporteren, in een ander Stitch-project importeren of aan een codeeragent overhandigen. De demo van Google past een ontwerpsysteem toe op een hele site met een prompt in duidelijke taal:

Pas dit ontwerpsysteem toe op de hele site.

Stap 7: koppel schermen en druk op Play

Google zegt dat je schermen binnen enkele seconden aan elkaar kunt plakken en op Afspelen kunt klikken om een voorbeeld van de stroom te bekijken. Stitch kan ook met één klik logische vervolgschermen genereren, waardoor u snel een reis in kaart kunt brengen. Voor de plantenruilapp koppelt u de feed aan de detailpagina en de detailpagina aan de chat en klikt u vervolgens door.

Stap 8: deel en exporteer

Als u klaar bent, opent u Exporteren. De I/O-demo van Google toont Google AI Studio, Google Antigravity via MCP en Figma. U kunt ook een deelbare link maken via AI Studio, of op internet publiceren met Netlify. Voor ontwikkelaars hebben de Stitch MCP en SDK een API-sleutel uit Stitch-instellingen nodig, zoals het codelab van Google beschrijft. Lees de bovenstaande Figma-exportopmerkingen voordat u op Copy to Figma vertrouwt.

Een checklist om je eigen resultaat te beoordelen

• Bestaat elk scherm dat je noemt, met realistische inhoud in plaats van tijdelijke tekst?
• Zijn de accentkleur en het type consistent op alle schermen?
• Is na de bewerkingsprompt alleen het gevraagde gebied gewijzigd?
• Hoeveel generaties duurde de verkenning, en hoe lang duurde de opruiming in Figma?

Bronnen: die van Google aankondiging van het vibe-ontwerp, de I/O real-time ontwerpupdate en de DESIGN.md-aankondiging.

Wat gebruikers zeggen over Google Stitch

• Geprezen: snelheid, een royale gratis laag, generatie van meerdere schermen, het canvas, extractie van het ontwerpsysteem en de ontwikkelaarslinks naar AI Studio, Antigravity en MCP.
• Bekritiseerd: eenvoudige of generieke uitvoer, zelfs met referenties, zwakke controle op complexe SaaS- en bedrijfsontwerpen, Figma-exports die opnieuw moeten worden opgebouwd, het bereiken van maandelijkse generatielimieten en incidentele generatiefouten die op het forum van Google worden gerapporteerd.

Eén ontwerper van r/UX_Design zegt dat Stitch “een geweldig hulpmiddel voor het creëren van ideeën en snelle iteraties” is, maar dat de resultaten “zeer eenvoudig en algemeen” blijven, zelfs na het toevoegen van referenties. Een gebruiker van r/StitchAI zegt dat veel van wat ze terugkrijgen helemaal opnieuw moet worden gemaakt na het importeren in Figma. Beide zijn individuele rapporten, geen gemeten tarieven.

Voor- en nadelen van Google Stitch

Google Stitch vs Figma: kan Stitch Figma vervangen?

Nee, en Google positioneert het niet zo. Stitch is eigenaar van de nul-op-één-fase: richtingen verkennen, een eerste ontwerp krijgen en dit aan de code overdragen. Figma is eigenaar van verfijning, componenten, variabelen, samenwerking en overdracht voor grote teams. De twee ontmoeten elkaar bij de exportstap, waar de meeste wrijving ontstaat.

Als je Figma’s eigen AI-prototypetool wilt zien, lees dan onze handleiding Figma Maken.

Beste Google Stitch-alternatieven

1. Anima-speeltuin

Kies Anima Playground als je direct in code wilt ontwerpen. Beschrijf een scherm of begin met een Figma-ontwerp, een afbeelding of een website-URL, en blijf vervolgens herhalen op een bewerkbare HTML- of React-app die u kunt bekijken, delen en publiceren. Stitch is een ontwerpverkenningstool die code exporteert. Playground beschouwt de werkende app als het ontwerp, zodat spatiëring, statussen en responsief gedrag zichtbaar zijn terwijl u itereert. Het is geen bron van native Figma-lagen, dus koppel het met de Anima Figma-plug-in of Buddy als je dat nodig hebt.

2. UX-piloot

Beter voor op Figma gerichte teams: Nodey draait binnen Figma, importeert uw componenten en genereert native lagen. Het kost credits die verder gaan dan een gratis dagvergoeding. Zie onze UX Pilot-recensie.

3. Figma Maken

Interactieve prototypes binnen Figma. Lees wat Figma Make is of de Vergelijking van Figma Make en Anima Playground.

4. Claude-ontwerp

Chat-geleide concepten, dia’s en prototypes met een Claude Code-overdracht. Zie onze Claude Design-recensie.

5. Buddy van Anima

Een AI-ontwerpagent binnen Figma die de context van uw ontwerpsysteem gebruikt. Kies deze optie als je op het Figma-canvas wilt blijven.

Wie moet Google Stitch gebruiken?

• Oprichters en premiers die een geloofwaardig eerste ontwerp nodig hebben zonder voor een tool te betalen.
• Ontwerpers verken vele richtingen voordat je Figma opent.
• Ontwikkelaars die ontwerpcontext willen voor Antigravity of een andere MCP-compatibele agent.

Kijk ergens anders als je hebt strikte merkcontrole, native Figma-componenten, gegarandeerde capaciteit of een stabiel product voor de lange termijn nodig.

Eindoordeel: is Google Stitch het waard?

Ja, als gratis verkenningstool. Gebruik het om snel verschillende aanwijzingen te krijgen, verplaats de winnaar vervolgens naar Figma of een codeeragent en exporteer dezelfde dag. Plan er geen workflow omheen voordat Google limieten en een routekaart publiceert. Als je wilt dat het ontwerp en de werkende app bij elkaar blijven, probeer dan Anima Playground.

Ontwerp rechtstreeks in code met AI

Ontwerp met AI: Beschrijf een scherm of verander Figma-ontwerpen in code.

Veelgestelde vragen over Google Stitch

Wat is Google Stitch?

Google Stitch is een AI-tool van Google Labs die hoogwaardige UI-ontwerpen en front-endcode genereert op basis van tekstprompts, afbeeldingen en andere context op een oneindig canvas. Het werd gelanceerd in mei 2025 en verving Galileo AI, dat Google had overgenomen.

Is Google Stitch gratis?

Ja. Stitch is gratis met een Google-account en heeft geen betaald abonnement. Er zijn maandelijkse generatielimieten van toepassing, en Google-ondersteuning noemde in augustus 2025 350 standaard- en 50 experimentele generaties per maand. Latere rapporten verschillen, dus controleer de huidige limiet in de app.

Hoe log ik in bij Google Stitch?

Ga naar stitch.withgoogle.com en log in met een Google-account. Stitch is een Google Labs-product voor gebruikers van 18 jaar en ouder en is mogelijk niet in elk land beschikbaar.

Kan Google Stitch exporteren naar Figma?

Ja, met Kopiëren naar Figma en plakken, maar er wordt gemeld dat het voor sommige modi niet beschikbaar is en vaak als platte lagen arriveert. Veel gebruikers downloaden de code en importeren deze in plaats daarvan met een plug-in zoals html.to.design.

Heeft Google Stitch een MCP-server?

Ja. Met de Stitch MCP-server en SDK kunnen codeeragenten zoals Google Antigravity uw projecten lezen, schermen genereren en uw ontwerpsysteem gebruiken. U maakt een API-sleutel in Stitch-instellingen om verbinding te maken.

Wat zijn de beste Google Stitch-alternatieven?

Anima Playground is een goede keuze als je een bewerkbare HTML- of React-app wilt vanuit een prompt- of Figma-ontwerp. UX Pilot past bij Figma-teams, Figma Make past bij interactieve prototypes in Figma, en Claude Design past bij chat-geleide concepten.