Ik heb Google Stitch getest: Vibe Design is nu echt
Ik was halverwege het wireframen van een gewoonte-tracker in Figma toen een vriend een link in onze groepschat dropte. "Stop waar je mee bezig bent. Open dit." De link ging naar stitch.withgoogle.com, en de tagline was simpel: Design with AI.
Ik typte één zin die de app beschreef waar ik de afgelopen veertig minuten handmatig wireframes voor had gemaakt. Dark mode. Neon accentkleuren. Gewoonte-tracking met streaks, een kalenderweergave en een instellingenpagina. Enter.
Veertien seconden later staarde ik naar vijf gepolijste schermen — onboarding-flow, dashboard, gewoontedetailweergave, kalender en instellingen — met typografiekeuzes die ik zelf niet gemaakt zou hebben, maar direct herkende als beter dan die van mij. De spacing was doelbewust. Het kleursysteem was samenhangend. De componenthiërarchie klopte daadwerkelijk.
Ik sloot Figma. Niet permanent — daar kom ik later op terug — maar ik sloot het. Want wat ik zojuist had gezien was geen gimmick. Google Stitch is de eerste AI-designtool die ik heb gebruikt die oprecht begrijpt wat "design" betekent, voorbij het simpelweg plaatsen van blokken op een scherm.
En het meest bijzondere? Het is volledig gratis.
Wat Google Stitch precies is (en waarom het juist nu belangrijk is)
Google Stitch werd gelanceerd als een Google Labs experiment tijdens Google I/O 2025 op 20 mei, maar de versie die vandaag bestaat — na de update van 19 maart 2026 — is een fundamenteel ander product. Die update introduceerde multi-schermgeneratie, een AI-native oneindig canvas, interactieve prototyping en spraakgestuurde designbewerking. Het aandeel van Figma daalde 8,8% de ochtend na de aankondiging. Dat is geen hype — dat is de markt die je vertelt dat er iets verschoven is.
Dit is het kernidee. Je beschrijft wat je wilt in gewoon Nederlands — of je spreekt het zelfs hardop uit — en Stitch genereert high-fidelity UI-ontwerpen aangedreven door Gemini 2.5 Pro. Geen wireframes. Geen grijze blokken met plaatshouder-tekst. Daadwerkelijk ontworpen schermen met echte typografie, doordachte kleurpaletten, correcte spacing-hiërarchieën en ingebouwde interactieve prototyping.
Als je de vibe coding-beweging hebt gevolgd — waarbij AI functionele code genereert vanuit tekstprompts — beschouw Stitch dan als het design-equivalent. Andrej Karpathy bedacht "vibe coding" begin 2025. Google heeft zojuist vibe design gecreëerd. En de twee verbinden zich op manieren die de gehele bouwpijplijn anders laten aanvoelen.
De reden dat dit juist nu belangrijk is, specifiek in april 2026, is het integratieverhaal. Stitch bestaat niet in isolatie. Het stuurt rechtstreeks door naar Google AI Studio voor codegeneratie en exporteert naar Figma voor verfijning. Dat betekent dat je van een tekstprompt naar een gepubliceerde, gedeployde applicatie kunt gaan zonder een code-editor of een traditionele designtool te openen. Ik heb deze volledige pipeline getest, en ik moet je er doorheen leiden — want sommige onderdelen overtroffen mijn verwachtingen en andere delen verdienen eerlijke kritiek.
Maar eerst moet je de vier designmodellen begrijpen, want het verkeerde model kiezen is de snelste manier om teleurgesteld te raken in Stitch.
De vier modellen: Ideate, Flash, Thinking en Redesign
Hier wordt Stitch interessant — en hier gaan de meeste reviews die ik online heb gelezen de mist in. Ze behandelen de modelselectie als een snelkeuze. "Flash is snel, Thinking is langzaam maar beter." Die framing mist het punt volledig. Elk model lost een fundamenteel ander probleem op, en het verkeerde model voor jouw situatie gebruiken is als een kettingzaag gebruiken om brood te snijden. Technisch mogelijk. Verschrikkelijk resultaat.
Ideate Mode: Jouw UX-strateeg in een doos
Ideate begint niet met pixels. Het begint met nadenken.
Toen ik Ideate selecteerde en typte "gewoonte-tracking app met sociale verantwoordingsfuncties, dark mode, neon accenten," was het eerste wat Stitch genereerde geen ontwerp. Het was een product requirements document. Gebruikerspersona's. Een functieprioriteitenmatrix. Gebruikersstroom-diagrammen die tonen hoe iemand door de app zou navigeren — van onboarding tot het aanmaken van hun eerste gewoonte tot het bekijken van de voortgang van een vriend.
Pas na het vaststellen van dat strategische fundament genereerde het UI-schermen. En de schermen waren geïnformeerd door de UX-documentatie die het zojuist had aangemaakt. De onboarding-flow bestond omdat het gebruikersstroom-diagram verwarring bij nieuwe gebruikers als risico had geïdentificeerd. Het sociale tabblad was prominent omdat de functiematrix verantwoording als de primaire onderscheidende factor had gemarkeerd.
Ik heb gewerkt met productontwerpers die €150/uur vragen en geen documentatie van dit niveau produceren voordat ze naar schermen springen. Ideate mode is langzamer dan Flash — de generatie duurde ongeveer 90 seconden — maar de output bevat iets dat de meeste AI-designtools volledig overslaan: de redenering achter de ontwerpbeslissingen.
Wanneer Ideate gebruiken: Producten in een vroeg stadium waar je nog uitzoekt wat je gaat bouwen. Complexe apps met meerdere gebruikerstypen. Alles waar de UX-flow verkeerd krijgen later duur zou zijn om te corrigeren.
Wanneer Ideate NIET gebruiken: Je weet al precies wat je wilt en hebt het alleen snel gevisualiseerd nodig. Interne tools waar de gebruikersgroep jij en je team zijn. Herontwerpen van bestaande producten (daar is een speciaal model voor).
Flash Model: Snelheid boven polijsting
Flash is het model dat je laat zeggen "wacht, hoe deed het dat zo snel?"
Ik typte dezelfde gewoonte-tracker prompt in Flash mode, en het volledige ontwerp verscheen in minder dan 60 seconden. Vijf schermen. Samenhangend kleursysteem. Functionele layout. De typografie was niet zo verfijnd als de output van Ideate — het viel terug op Inter in plaats van lettertypecombinaties te verkennen — en de spacing tussen secties voelde licht mechanisch aan in plaats van natuurlijk te ademen. Maar voor een eerste concept? Voor een intern dashboard? Voor een snel proof of concept om een stakeholder te laten zien voordat je echt designtijd investeert?
Flash is absurd effectief.
Ik deed een aparte test: "SaaS analytics dashboard met omzetcijfers, gebruikersactiviteitgrafieken en een zijbalknavigatie." Flash gaf me een volledig uitgewerkt adminpaneel in 47 seconden. Donkere zijbalk, strakke datakaarten, grafiekplaatshouders met de juiste verhoudingen. Een collega liep langs mijn scherm en vroeg welk template ik gebruikte. Toen ik hem vertelde dat het gegenereerd was vanuit een zin, trok hij een stoel bij.
Wanneer Flash gebruiken: Interne tools, adminpanelen, SaaS dashboards, MVP-prototypen, alles waar "goed genoeg" design op ongelooflijke snelheid beter is dan "perfect" design in drie uur.
Wanneer Flash NIET gebruiken: Publieke marketingwebsites. Consumenten-apps waar visuele polijsting direct de conversie beïnvloedt. Alles waar een ontwerper de output pixel voor pixel zal beoordelen.
Thinking Model: Degene die je verrast
Het Thinking model duurt langer — een paar minuten per generatie in plaats van seconden — en dat geduld betaalt zich uit op manieren die ik niet had verwacht.
Dezelfde prompt. Gewoonte-tracker. Dark mode. Neon accenten. Maar het Thinking model produceerde iets kwalitatief anders. De typografie was niet zomaar "een lettertype" — het gebruikte een display-lettertype voor koppen gecombineerd met een geometrische schreefloze letter voor lopende tekst, en de grootteratio volgde een duidelijke modulaire schaal. De neon accenten waren niet overal verspreid; ze werden strategisch ingezet voor interactieve elementen en voortgangsindicatoren, waardoor een visuele hiërarchie ontstond die het oog daadwerkelijk over het scherm leidde.
De spacing was veelzeggend. Flash produceert consistente spacing — 16px hier, 16px daar. Thinking produceert doelbewuste spacing — strakkere groepering binnen gerelateerde elementen, meer ademruimte tussen secties, asymmetrische padding die de aandacht naar de primaire actie trekt. Dat is het verschil tussen "gerangschikt door een rastersysteem" en "gecomponeerd door iemand die visueel gewicht begrijpt."
Voor publiekgerichte producten — de apps en websites die echte mensen binnen drie seconden na het landen beoordelen — is Thinking het model om te gebruiken. De extra generatietijd is een afweging die ik elke keer opnieuw zou maken.
Wanneer Thinking gebruiken: Consumenten-apps, marketingwebsites, elk product waar designkwaliteit direct correleert met vertrouwen en conversie. Publiekgericht werk dat gepolijst genoeg moet aanvoelen om te verzenden (of er tenminste dichtbij).
Wanneer Thinking NIET gebruiken: Snelle iteratiesessies waar je tien variaties in tien minuten nodig hebt. Vroege brainstorms waar je richtingen verkent, niet vastlegt.
Redesign Mode: Screenshot erin, beter ontwerp eruit
Deze is stiekem krachtig en ik had hem bijna niet getest.
Redesign mode laat je een screenshot uploaden van een bestaande website of app en vraagt Stitch om het opnieuw te bedenken. Ik voerde een screenshot van het SaaS-dashboard van een klant in — het soort dat gebouwd was door developers die om functionaliteit gaven en design als een bijzaak behandelden. Niet-bij-elkaar-passende lettergroottes. Inconsistente spacing. Een kleurenpalet dat eruitzag alsof iemand hexcodes had gekozen met een dartpijl.
Stitch analyseerde de screenshot, identificeerde de kernlayoutstructuur en inhoudshiërarchie, en regenereerde de interface met een uniform designsysteem. Dezelfde informatiearchitectuur. Dezelfde navigatiepatronen. Maar met consistente typografie, een samenhangend kleurenpalet en spacing die gebruikers daadwerkelijk hielp de data te verwerken in plaats van ertegen te vechten.
Ik liet de klant beide versies naast elkaar zien. Ze vroegen hoeveel het herontwerp zou kosten. Ik had niet het hart om te zeggen dat het 90 seconden duurde.
Wanneer Redesign gebruiken: Verouderde applicaties die een visuele opfrisbeurt nodig hebben. Concurrentieanalyse waarbij je wilt verkennen hoe een andere designtaal zou aanvoelen. Je eigen oudere projecten waarvan je weet dat ze werken maar er gedateerd uitzien.
De Live Mode die mijn mening over spraakgestuurd design veranderde
Ik ga iets toegeven. Toen ik voor het eerst hoorde over "spraakgestuurde designbewerking," rolde ik met mijn ogen. Ik stelde me voor dat ik ongemakkelijk CSS-eigenschappen zou dicteren aan een AI die "meer padding" zou interpreteren als "voeg een panda-illustratie toe." Het klonk als een Silicon Valley-koortsdroom.
Toen gebruikte ik Live Mode daadwerkelijk.
Live Mode in Stitch is een conversatie-interface — tekst of spraak — waarmee je kunt communiceren met de AI terwijl je naar je ontwerp op het canvas kijkt. Ik staarde naar het gewoonte-tracker dashboard, en het "streak counter"-component voelde visueel zwaar. Te veel contrast. Het trok de aandacht weg van de gewoontenlijst, die de primaire focus zou moeten zijn.
Ik zei: "De streak counter concurreert met de gewoontenlijst om aandacht. Kun je de visuele prominentie verminderen en de gewoontenlijst laten aanvoelen als het hoofdevenement?"
Stitch begreep de designintentie, niet alleen de letterlijke instructie. Het maakte de streak counter niet alleen kleiner. Het verschoof de counter van een hoog-contrast kaart naar een subtiel inline element, vergrootte de verticale spacing van de gewoontenlijst-items om ze meer visuele ademruimte te geven, en verhoogde de gewoontenamen één stap in de typografieschaal. Drie gecoördineerde wijzigingen vanuit één natuurlijke observatie.
Dat is geen zoek-en-vervang-tool. Dat is een designmedewerker die visuele hiërarchie begrijpt.
Ik bracht ongeveer twintig minuten door in Live Mode om de gewoonte-tracker te verfijnen, en de ervaring voelde dichter bij het art-directen van een junior ontwerper dan bij het gebruik van een softwaretool. "Het onboarding-scherm voelt te druk. Vereenvoudig het." Klaar. "De instellingenpagina heeft betere visuele groepering nodig." Klaar, met scheidingslijnen en vergrootte sectie-spacing. "Kun je een warmere accentkleur proberen in plaats van het neonblauw?" Het wisselde naar een koraaltint en paste het ondersteunende palet aan om contrastverhoudingen te behouden.
Is Live Mode perfect? Nee. Het interpreteert soms ruimtelijke referenties verkeerd — toen ik zei "verplaats de bovenste kaart naar beneden," verplaatste het de inhoud binnen de kaart in plaats van de kaart zelf. En complexe meerstaps-instructies worden soms gedeeltelijk toegepast. Maar voor het soort iteratieve verfijning dat uren verbruikt in traditionele designtools, comprimeert Live Mode dat tot minuten.
Van Stitch naar verzonden: de AI Studio-pipeline
Hier wordt het verhaal echt overtuigend — en hier denk ik dat de meeste mensen onderschatten wat Google heeft gebouwd.
Stitch heeft een exportknop die je ontwerp rechtstreeks naar Google AI Studio stuurt. Niet als een statisch beeld. Niet als een designspecificatie. Als een gestructureerde prompt met bijbehorende assets die AI Studio gebruikt om functionele code te genereren. Ik testte dit met mijn gewoonte-tracker ontwerp, en ik moet stap voor stap doorlopen wat er gebeurde, want de details doen ertoe.
Stap 1: Ontwerp de app in Stitch
Ik gebruikte Ideate mode om het volledige gewoonte-tracker concept te genereren — product requirements document, gebruikersstromen en vijf kernschermen. Daarna schakelde ik over naar Live Mode om de visuele details te verfijnen: warmere accentkleuren, betere typografiehiërarchie op de instellingenpagina, vereenvoudigde onboarding.
Totale tijd: ongeveer 12 minuten.
Stap 2: Exporteer naar Google AI Studio
Eén klik. Stitch verpakte de design-assets, de schermindelingen, het kleursysteem en een gestructureerde prompt die de functionaliteit van de app beschreef. Dit alles landde in AI Studio als een voorgeladen project.
Stap 3: AI Studio genereert de code
AI Studio nam het Stitch-ontwerp en genereerde een werkende frontend-applicatie. HTML, CSS en JavaScript — gestructureerd als een single-page applicatie met correcte routing tussen schermen. De visuele getrouwheid was indrukwekkend: de code kwam overeen met het Stitch-ontwerp op ruwweg 85-90% nauwkeurigheid. Typografie, kleuren, layoutverhoudingen — alles kwam mee. De plekken waar het afweek waren minimaal: licht afwijkende border-radius waarden op kaarten, en de grafiekcomponenten gebruikten plaatshouderdata in plaats van de exacte visualisatiestijl uit het ontwerp.
Stap 4: Bekijk en publiceer
AI Studio bevat een preview-omgeving waar je kunt interacteren met de gegenereerde app in een browserframe. De navigatie werkte. Knoppen activeerden toestandswijzigingen. De dark mode-schakelaar functioneerde. Het was geen statische mockup — het was een werkend prototype.
Van daaruit bood AI Studio clouddeployment met opties voor gebruikersauthenticatie, aangepaste domeinen, thema-wisseling en zelfs AI-aangedreven functies zoals slimme gewoontesugesties. Ik publiceerde de app naar een test-URL in minder dan twee minuten.
Totale tijd van tekstprompt tot gepubliceerde webapp: minder dan 20 minuten.
Ik wil precies zijn over wat dat wel en niet betekent. De gegenereerde code is een solide startpunt — geen productieklare applicatie. Je zou nog steeds een echte backend moeten aansluiten, datapersistentie moeten afhandelen, correcte authenticatie moeten implementeren (de ingebouwde auth is basaal) en foutafhandeling voor randgevallen moeten toevoegen. Maar de frontend-scaffolding, het designsysteem en het interactieve prototype? Die zijn oprecht bruikbaar. Je bespaart dagen werk, geen uren.
Als je liever iemand hebt die dit vanuit het Stitch-prototype in een productieklare applicatie bouwt, neem ik full-stack implementatieprojecten aan via mijn Fiverr-profiel — het omzetten van AI-gegenereerde prototypen in gedeployde producten is een van de meest voorkomende verzoeken die ik krijg.
Wat Stitch fout doet (en waarom het er nog steeds toe doet)
Ik heb de laatste twee secties enthousiast geschreven. Nu komt het eerlijke deel, want elke review die alleen maar lof bevat is geen review — het is marketing.
Designdiepte heeft een plafond
Stitch genereert goed design. Soms verrassend goed design. Maar het genereert geen geweldig design — het soort waarbij elke pixel een doel dient en de algehele compositie een emotionele reactie oproept. De output voelt aan als het niveau van een getalenteerde junior ontwerper: sterke fundamenten, correcte principes toegepast, maar die ongrijpbare kwaliteit ontbreekt die competent onderscheidt van memorabel.
Specifiek heeft Stitch moeite met:
- Visuele hiërarchie voorbij het voor de hand liggende. Het maakt je primaire CTA prominent. Maar subtiele hiërarchie — zoals het gebruik van witruimte en tekstgewicht om een leesritme te creëren dat de gebruiker natuurlijk door een complex formulier leidt — dat gaat nog voorbij zijn bereik.
- Merkpersoonlijkheid. Stitch kan een kleurenpalet en lettertypecombinatie toepassen. Het kan niet het verschil vatten tussen "professioneel en betrouwbaar" en "professioneel en benaderbaar." Die nuances vereisen begrip van merkstrategie, niet alleen van designpatronen.
- Emotionele resonantie. Een landingspagina die iemand iets laat voelen — urgentie, vertrouwen, opwinding — vereist compositorische beslissingen die Stitch nog niet maakt. Het rangschikt elementen correct. Het componeert ze niet kunstzinnig.
De limiet van 350 generaties
Stitch geeft je 350 gratis generaties per maand in Standard Mode (aangedreven door Gemini 2.5 Flash) en 50 generaties per maand in Experimental Mode (aangedreven door Gemini 2.5 Pro). Voor individuele projecten is dat genereus. Voor bureaus of teams die tegelijkertijd meerdere klantprojecten draaien, bereik je dat plafond sneller dan verwacht — vooral als je zwaar itereert in Flash mode, waar de snelheid het verleidelijk maakt om te regenereren in plaats van te verfijnen.
Figma-export is niet perfect
Je kunt Stitch-ontwerpen exporteren naar Figma, wat klinkt als het beste van twee werelden. In de praktijk maakt de export platte frames aan in plaats van correct gestructureerde Figma-componenten met auto-layout en varianten. Een ontwerper die een Stitch-export ontvangt, zal aanzienlijke tijd besteden aan het herstructureren tot een correct Figma-bestand. Het is sneller dan vanaf nul ontwerpen, maar het is niet de naadloze overdracht die de marketing suggereert.
Code-exportkwaliteit varieert
De code-export ondersteunt nu HTML, CSS, Tailwind CSS, Vue.js, Angular, Flutter en SwiftUI — wat een indrukwekkende dekking is. Maar de outputkwaliteit varieert aanzienlijk per framework. HTML/CSS en Tailwind exports zijn solide. De Flutter en SwiftUI exports voelen meer aan als gestructureerde pseudocode die aanzienlijke aanpassing nodig heeft. Als je native bouwt voor iOS of Android, temper dan je verwachtingen.
Waar Stitch past in een echte designworkflow
Dit is het mentale model dat voor mij klikte na twee weken testen: Stitch is een 0-naar-1-tool, geen 1-naar-100-tool.
Het is buitengewoon in de start-vanuit-niets-fase. Het omzetten van een vaag idee in een tastbaar, visueel concept waar je op kunt reageren, kritiek op kunt geven en op kunt itereren. Die fase — die traditioneel ergens tussen een paar uur solo werk en duizenden euro's aan bureaukosten kost — comprimeert Stitch tot minuten.
Maar de verfijningsfase? Het nauwgezette polijsten waarbij je letter-spacing met een halve pixel aanpast en debatteert of de primaire actieknop 2% meer verzadigd moet zijn? Dat is nog steeds Figma-territorium. Stitch brengt je 70-80% van de weg. De laatste 20-30% — het deel dat "ziet er AI-gegenereerd uit" scheidt van "ziet er professioneel ontworpen uit" — vereist nog steeds menselijk vakmanschap, en Figma's designsysteem-tooling is nog steeds de beste omgeving voor dat werk.
Mijn huidige workflow ziet er zo uit:
- Stitch (Ideate) — genereer de UX-strategie en initiële schermconcepten
- Stitch (Live Mode) — verfijn het ontwerp via conversatie totdat het 80% is
- Exporteer naar Figma — herstructureer naar correcte componenten met auto-layout
- Figma-verfijning — fijnstel typografie, spacing en merkspecifieke details
- Exporteer naar AI Studio (of Claude Code met Figma MCP) — genereer productiecode vanuit het gepolijste ontwerp
Deze hybride aanpak heeft mijn design-naar-code-tijdlijn met ruwweg 60% verkort. De grootste tijdsbesparing zit niet in de generatiestap — ze zit in de ideatiestap. Ik staar niet meer naar een leeg canvas en vraag me af waar ik moet beginnen. Stitch geeft me binnen seconden een reactiedoel, en reageren op iets concreets is altijd sneller dan iets uit het niets creëren.
Hoe zit het met Figma's eigen AI-functies?
Terechte vraag. Figma staat niet stil. Figma Make — hun AI-designgeneratiefunctie — laat je ook ontwerpen maken vanuit tekstprompts. En het voordeel van Figma is dat AI-gegenereerde output direct in het Figma-ecosysteem terechtkomt met correcte componentstructuren, design tokens en samenwerkingsfuncties die Stitch niet kan evenaren.
Maar dit is het verschil dat ik opmerkte bij directe vergelijking: Figma Make bouwt AI bovenop een traditionele designtool. Stitch bouwt een designtool vanuit AI op. Het onderscheid doet ertoe.
De multi-model aanpak van Stitch — Ideate voor strategie, Flash voor snelheid, Thinking voor kwaliteit, Redesign voor iteratie — geeft je meer controle over welk soort output je nodig hebt. Figma Make geeft je één generatiemodus. De Live Mode spraakinteractie van Stitch heeft geen equivalent in Figma. En de directe pipeline naar Google AI Studio voor codegeneratie is een workflow-snelkoppeling die Figma niet kan repliceren omdat Figma geen codeerplatform is.
Het antwoord is niet "het een of het ander." Het antwoord is weten welke tool je op welk moment moet pakken. Ik schreef een paar weken geleden over de Figma MCP-integratie met Claude Code, en die workflow is nog steeds van toepassing voor productiedesignwerk. Stitch past ervoor — in de verkennings- en conceptfase waar Figma nooit voor geoptimaliseerd was.
Het bredere patroon: AI slokt de designstack op
Stap terug van Stitch specifiek, en er is een grotere trend die het opmerken waard is. Twaalf maanden geleden waren AI-codeertools het verhaal. Cursor, Claude Code, GitHub Copilot — ze veranderden hoe developers software schrijven. Ontwerpers keken vanaf de zijlijn, grotendeels onaangetast.
Dat tijdperk is voorbij.
In de afgelopen zes maanden alleen al heeft Google Stitch uitgebracht met vier generatiemodellen. Figma lanceerde Make met AI-native designmogelijkheden. Adobe integreerde AI-generatie door heel Creative Cloud. En tools als Lovable, Bolt en v0 vervaagden de grens tussen "designtool" en "codegenerator" volledig.
Het patroon weerspiegelt wat er gebeurde met vibe coding — en ik schreef daar vroeg over. Eerst demonstreert een baanbrekende tool het concept. Dan explodeert het ecosysteem. Dan verschuift de workflow permanent. We zitten nu in fase twee voor AI-design. Tegen fase drie zal de workflow van elke ontwerper AI-generatie als standaardstap bevatten, op dezelfde manier als de workflow van elke developer nu AI-codeaanvulling bevat.
Wat dit praktisch betekent: als je een developer bent die design vermeed omdat het als een aparte vaardigheid voelde, is die barrière zojuist dramatisch verlaagd. Stitch geeft je professionele UI vanuit tekstbeschrijvingen. De AI-designprompts die ik eerder deelde zijn nog steeds van toepassing om het meeste uit AI-gegenereerd design te halen — de principes van goede designprompts schrijven vertalen direct naar het schrijven van goede Stitch-prompts. En de designsystemen-gids behandelt de fundamentele concepten die je helpen te beoordelen of AI-gegenereerde designoutput daadwerkelijk goed is of gewoon mooi.
Het concurrentievoordeel in 2026 is niet het kunnen ontwerpen of coderen. Het is beide kunnen — snel, met AI-tools, met voldoende smaak om te weten wanneer de output menselijke verfijning nodig heeft en voldoende vaardigheid om die verfijning efficiënt uit te voeren.
Aan de slag: je eerste 30 minuten met Stitch
Als je tot hier hebt gelezen en Stitch zelf wilt proberen, hier is het snelste pad naar een betekenisvolle eerste ervaring. Geen speelgoedvoorbeeld — iets dat je daadwerkelijk kunt gebruiken.
Stap 1: Ga naar stitch.withgoogle.com en log in met je Google-account. Geen creditcard, geen abonnement. Je krijgt 350 Standard generaties en 50 Experimental generaties per maand.
Stap 2: Kies een echt project. Niet "een takenlijst-app" — iets dat je daadwerkelijk zou bouwen. Een dashboard voor een nevenproject. Een landingspagina voor een freelance service. Een mobiele app-concept waar je over hebt nagedacht. Echte motivatie produceert betere prompts.
Stap 3: Begin met Ideate mode. Schrijf een gedetailleerde prompt. Vermeld het platform (mobiel, web of webapp), de kernfunctionaliteit, de visuele richting (dark mode, minimaal, kleurrijk — wat dan ook past) en de doelgebruiker. Meer context produceert dramatisch betere output.
Pro tip: Beschrijf het gevoel van de gebruiker in de prompt. "Een financiële app die budgetteren minder stressvol laat aanvoelen" produceert andere — en vaak betere — output dan "een financiële app met budgettracking." Het Ideate model van Stitch reageert goed op emotionele richting omdat het die gevoelens koppelt aan UX-patronen.
Stap 4: Bekijk het product requirements document dat Stitch genereert voordat je naar de schermen kijkt. Als het PRD niet overeenkomt met je visie, verfijn dan de prompt voordat je op het visuele ontwerp itereert. De strategie eerst goed krijgen bespaart generatiekredieten verderop.
Stap 5: Schakel over naar Live Mode zodra je schermen hebt die je bevallen. Verfijn via conversatie. Wees specifiek over wat niet werkt en waarom, in plaats van oplossingen voor te schrijven. "Het aanmeldformulier voelt intimiderend — er zijn te veel velden tegelijk zichtbaar" is beter dan "verberg velden 4 tot en met 7."
Stap 6: Exporteer. Als je een snel prototype wilt, stuur het naar AI Studio en genereer code. Als je een gepolijst ontwerp wilt, exporteer naar Figma en verfijn. Als je beide wilt, doe beide — hetzelfde Stitch-ontwerp kan naar meerdere bestemmingen exporteren.
Stap 7: Als je de AI Studio-route hebt genomen, bekijk de gegenereerde app, test de interacties en publiceer naar een test-URL. Laat het aan iemand zien. Krijg feedback op een echt, klikbaar ding in plaats van een statische mockup. Die verschuiving — van "stel je voor hoe dit zou aanvoelen" naar "probeer het zelf" — is waar de snelheid van Stitch echt projectmomentum creëert.
Veelgestelde vragen
Is Google Stitch gratis in 2026?
Google Stitch is volledig gratis per april 2026. Je krijgt 350 generaties per maand in Standard Mode (Gemini 2.5 Flash) en 50 in Experimental Mode (Gemini 2.5 Pro). Je hebt alleen een Google-account nodig — geen creditcard of abonnement vereist.
Wat is het verschil tussen de Stitch Flash en Thinking modellen?
Flash genereert ontwerpen in minder dan 60 seconden met solide maar minder verfijnde output — het beste voor interne tools en snelle prototyping. Thinking duurt een paar minuten maar produceert gepolijste ontwerpen met doelbewuste typografie, spacing en visuele hiërarchie — het beste voor publiekgerichte producten. Voor een volledige uitsplitsing, zie de sectie Vier modellen hierboven.
Kun je Google Stitch-ontwerpen exporteren naar code?
Stitch exporteert rechtstreeks naar Google AI Studio, dat werkende code genereert in HTML, CSS, Tailwind CSS, Vue.js, Angular, Flutter en SwiftUI. Je kunt ook exporteren naar Figma voor handmatige designverfijning. De AI Studio-route produceert een functionerend prototype dat je naar de cloud kunt publiceren.
Vervangt Google Stitch Figma?
Nee. Stitch blinkt uit in de 0-naar-1-fase — ideeën omzetten in tastbare ontwerpen in minuten. Figma blinkt uit in de 1-naar-100-fase — verfijning op productieniveau, componentsystemen en teamsamenwerking. De meest effectieve workflow gebruikt beide. Zie de sectie Waar Stitch past hierboven voor de volledige hybride workflow.
Wat is vibe design?
Vibe design is het design-equivalent van vibe coding — het gebruik van AI om complete UI/UX-ontwerpen te genereren vanuit natuurlijke taalbeschrijvingen in plaats van elk element handmatig te plaatsen. Google Stitch is de eerste grote tool die dit concept implementeert met meerdere generatiemodellen voor verschillende designbehoeften.
Laten we samenwerken
Wil je AI-systemen bouwen, workflows automatiseren of je technische infrastructuur opschalen? Ik help je graag.
- Fiverr (custom builds & integraties): fiverr.com/s/EgxYmWD
- Portfolio: mejba.me
- Ramlit Limited (enterprise-oplossingen): ramlit.com
- ColorPark (design & branding): colorpark.io
- xCyberSecurity (beveiligingsdiensten): xcybersecurity.io
