Google Stitch Review (2026): Er det gratis? Funksjoner, Figma Export, MCP og alternativer20 min read

Google Stitch er et gratis AI-designverktøy fra Google Labs som gjør en tekstmelding, et bilde eller en nettstedreferanse til høykvalitets UI-skjermer, og deretter lar deg avgrense dem på et uendelig lerret og eksportere til Figma, kode, Google AI Studio eller Antigravity. Det startet i mai 2025 som et prompt-to-UI-eksperiment og ble et AI-native designlerret i mars 2026. Denne anmeldelsen er for designere, produktledere og grunnleggere som ønsker å vite hva Stitch gjør bra, hvor det stopper og om det kan erstatte Figma.

Fakta gjenspeiler Googles egne kunngjøringer, Googles utviklerdokumenter og offentlige brukerrapporter fra november 2026. Stitch er et Google Labs-produkt, så funksjoner og grenser endres ofte. Bekreft gjeldende detaljer på stitch.withgoogle.com. Denne anmeldelsen bygger på Googles offisielle materiale og offentlige brukerrapporter.

Vår dom på én linje: Stitch er den beste gratis måten å utforske brukergrensesnittet raskt, og koblingene med Google AI Studio og Antigravity er virkelig nyttige for byggherrer. Det er ikke en Figma-erstatning. Utdata kan føles generisk, eksport til Figma kommer ofte som flat struktur, og Google publiserer ikke en fast grense for fritt nivå eller en langsiktig plan. Nedenfor finner du funksjonene, grensene, Figma og kodeeksport, MCP, en steg-for-steg-gjennomgang med eksempler på spørsmål, hva brukerne sier og de beste alternativene, inkludert Anima Playground.

I AI-tiden er design kode. For å designe direkte i kode med AI, eller for å gjøre om Figma-designene dine til kode, bruk Anima lekeplass: beskriv en skjerm eller start fra et Figma-design, fortsett deretter å iterere på en redigerbar app du kan forhåndsvise og publisere.

Google Stitch-anmeldelse: rask dom

Best for gratis utforskning og for byggherrer i Google-stakken. Mindre egnet for team som trenger native Figma-komponenter, streng merkevarekontroll eller et garantert langsiktig produkt.

Hva er Google Stitch?

Stitch er et eksperiment fra Google Labs som genererer brukergrensesnitt fra naturlig språk, bilder og annen kontekst. Google kjøpte Galileo AI i mai 2025 og lanserte Stitch på Google I/O den måneden, bygget på Gemini 2.5. Galileo-brukere fikk 30 dager på seg til å migrere. Hvis du søkte etter Galileo AI, er dette produktet som erstattet det.

Tidslinje for hva som endret seg

Google Stitch-funksjoner i 2026

Spørring, bilde, URL eller stemme til UI

Du kan starte med å forklare forretningsmålet, følelsen du ønsker eller en referanse, i stedet for å tegne en wireframe. Stitch godtar også bilder, tekst og kode som kontekst på lerretet, og du kan snakke med lerretet for kritikk og live endringer. Spørreboksen har en app- og nettbryter og en modellvelger, som Googles egne demoer viser som alternativer som 3 Flash og 3.1 Pro.

Infinite canvas, designagent og Agent manager

Lerretet holder skjermer, referanser og ideer på ett sted. Designagenten resonnerer på tvers av hele prosjektet, og agentsjefen følger flere utforskninger parallelt. På I/O 2026 la Google til sanntidsstrømming, slik at du ser Stitch bygge en side og kan styre den før den er ferdig.

Design systemer og DESIGN.md

Stitch kan trekke ut et designsystem fra en hvilken som helst URL, og det bruker DESIGN.md, en Markdown-fil med designtokens i YAML pluss skriftlig begrunnelse for farger, type, avstand og komponenter. Du kan eksportere den, importere den til et annet Stitch-prosjekt eller dele den med en kodeagent. Google åpnet utkastet til spesifikasjonen i april 2026, slik at andre verktøy kan bruke det.

Øyeblikkelige prototyper

Du kan koble sammen skjermer og trykke på Play for å klikke deg gjennom en flyt. Stitch kan også generere logiske neste skjermbilder fra et klikk, som kartlegger en reise raskt. For hvorfor strømmer og prototyper betyr noe på forskjellige stadier, se wireframes vs prototyper.

Del, publiser og eksporter

Fra lerretet kan du opprette en delbar lenke gjennom Google AI Studio, eksportere til Google Antigravity for å legge til backend-logikk, eller publisere på nettet med Netlify. Googles eget eksportpanel i I/O-demoen viser Google AI Studio, Google Antigravity via MCP og Figma.

Er Google Stitch gratis? Priser og grenser

Ja. Stitch er gratis med en Google-konto på stitch.withgoogle.com, og det er ingen betalt plan. Det er et Google Labs-produkt, tilgjengelig for personer over 18 år i et stort antall land, så det er ikke sikkert det tilbys overalt.

Det praktiske rådet er å utforske i rask modus, lagre Pro-modellen for skjermer du planlegger å sende, og eksportere ferdig arbeid samme dag.

Google Stitch to Figma: hvordan eksport fungerer

Stitch støtter Kopier til Figma og lim inn, og Google viser Figma i eksportpanelet. I praksis betyr detaljene:

• Rapporter på Googles utviklerforum og Reddit sier at Copy to Figma ikke tilbys for design laget i Thinking- eller Pro-modus, så kvalitet og Figma-eksport kan trekke i motsatte retninger.
• Reddit-brukere beskriver importer der tekst kommer som vektorer og rammer brukes som mellomrom inne i automatisk layout, så mye av resultatet må bygges om.
• En vanlig løsning er å laste ned Stitch-koden og bringe den inn i Figma med en plugin som html.to.design, som har en tendens til å gi en mer trofast import.

Den fornuftige arbeidsflyten er å fullføre iterasjonen i Stitch, eksportere én gang, og deretter gjenoppbygge riktige komponenter og tokens i Figma. Hver regenerering ugyldiggjør manuell opprydding du gjorde på en tidligere eksport. Hvis du vil ha en agent inne i Figma som allerede respekterer komponentene dine, se på Animas Buddy eller UX Pilots Nodey.

Google Stitch-kodeeksport og MCP

Stitch har produsert front-end-kode siden lanseringen, og anmeldelser beskriver HTML med Tailwind-klasser som utviklere kan bruke som utgangspunkt. Behandle det som stillas: én stor komponent med statiske data er et vanlig resultat, så planlegg å dele komponenter og ledningstilstand.

Stitch MCP-serveren og SDK er den mer interessante utviklerhistorien. En kodeagent som Google Antigravity kan hente prosjektet ditt, lese designsymbolene og skjermene og bygge fra dem. Googles egen kodelab går gjennom å lage en API-nøkkel i Stitch-innstillingene, legge til Stitch MCP i Antigravity, generere en DESIGN.md og bygge en React and Tailwind-side. MCP-referansen viser verktøy for å lage prosjekter, generere skjermbilder fra tekst, redigere skjermbilder, generere varianter og administrere designsystemer, inkludert opplasting av en DESIGN.md.

Hvis sluttmålet ditt er en fungerende React- eller HTML-app i stedet for en designfil, kan du sammenligne denne ruten med Anima lekeplass, som bygger den redigerbare appen direkte.

Slik bruker du Google Stitch: en trinnvis gjennomgang

Denne gjennomgangen følger Googles egne kunngjøringer, utviklerdokumenter og I/O-demovideoer. Forespørslene nedenfor er utgangspunkt for å prøve selv, og resultatene varierer fra løp til løp. Bildene er Googles offisielle bilder, kreditert som sådan, pluss én visning av den offentlige destinasjonssiden. Sømmen endres ofte, så knappenavn og modellnavn kan variere når du åpner den.

Hvis du også vil sammenligne verktøy, kan du prøve den samme plantebytteprompten nedenfor i Stitch og i UX Pilot. Vår UX Pilot anmeldelse viser hvordan den oppfordringen ble der, slik at du kan sammenligne de to med sjekklisten på slutten.

Trinn 1: åpne Stitch og logg på

Gå til stitch.withgoogle.com og logg på med en Google-konto. Stitch er et Google Labs-produkt for personer over 18 år i støttede land. Den offentlige landingssiden er en enkelt meldingsboks med en app- og nettbryter, en modellbrikke og noen få startforslag.

I skrivende stund står modellbrikken på den offentlige siden Balansert, mens Googles I/O-demo-rammer viser modellnavn som 3 Flash og 3.1 Pro. Navn og alternativer endres mellom utgivelser, så velg de raske og høykvalitetsalternativene appen tilbyr på dagen.

Trinn 2: velg App eller Web og en modell

Bryteren forteller Stitch om du designer en innebygd mobilapp eller en nettside. Googles egen demo bruker Web. For forespørselen om plantebytte nedenfor, velg App. For å beskytte dine frie generasjoner, utforsk med den raskere modellen og behold modellen av høyere kvalitet for skjermene du planlegger å sende. Grensene er dekket ovenfor i prisdelen.

Trinn 3: Skriv en melding med kontekst

Googles veiledning er å starte med forretningsmålet, følelsen du vil at brukerne skal ha, eller eksempler på hva som inspirerer deg, i stedet for en wireframe. Stitch godtar også bilder, tekst og kode som kontekst på lerretet, og det kan trekke ut et designsystem fra en URL. Her er Googles egen demo-forespørsel fra I/O-videoen, som vist på skjermen i ledetekstboksen tidligere i denne anmeldelsen:

bygg en responsiv landingsside for willamette pizza co. for fargepalett lar vi ha den primære bakgrunnen en varm off-white, den sekundære bakgrunnen være en lys, myk himmelblå og ha en livlig himmelblå aksentfarge…

Og her er en kort du kan prøve på både Stitch og UX Pilot. Velg App, lim den inn og send inn:

En mobilapp for et plantebyttesamfunn i nabolaget: hjemmefeed, plantedetaljside og chat-skjerm. Ren, vennlig, grønn aksent.

Tips som følger Googles veiledning: navngi skjermene du vil ha, angi følelsen (ren, vennlig), gi én aksentfarge, og legg ved et referansebilde hvis du har et.

Trinn 4: se den generere og styre

På I/O 2026 sa Google at Stitch nå strømmer arbeidet rett til lerretet, slik at du kan se en side ta form. Stitch Agent lar deg styre iterasjoner før resultatet er endelig, og Agent manager sporer flere utforskninger parallelt. I Googles demo kan du også snakke med lerretet for å be om kritikk eller endringer.

Trinn 5: rediger med oppfølgingsmeldinger

Når skjermer eksisterer, avgrense dem med korte oppfølginger i chatten, eller velg en skjerm og be om endring. Stitchs MCP-referanse viser også verktøy for å redigere skjermbilder og generere varianter, noe som er nyttig når du vil ha flere retninger på en skjerm. En oppfølging du kan prøve på plantebytteresultatet:

Gjør hjemmefeeden til et rutenett med to kolonner og legg til en søkelinje

Når du sammenligner verktøy, legg merke til om resten av skjermen forblir den samme etter en redigering, fordi redigeringer i regenereringsstil kan endre områder du ikke spurte om.

Trinn 6: bruk et designsystem med DESIGN.md

Stitch kan trekke et designsystem fra en URL, og det lagrer designregler i DESIGN.md, en Markdown-fil med tokens og skriftlig begrunnelse. Du kan eksportere den, importere den til et annet Stitch-prosjekt eller levere den til en kodeagent. Googles demo bruker et designsystem på et helt nettsted med en forespørsel på vanlig språk:

Bruk dette designsystemet på hele nettstedet.

Trinn 7: koble skjermer og trykk på Play

Google sier at du kan sette sammen skjermer på sekunder og klikke på Spill av for å forhåndsvise flyten. Stitch kan også generere logiske neste skjermbilder fra et klikk, noe som hjelper deg med å kartlegge en reise raskt. For plantebytte-appen, koble feeden til detaljsiden og detaljsiden til chatten, og klikk deretter gjennom.

Trinn 8: del og eksport

Når du er ferdig, åpner du Eksporter. Googles I/O-demo viser Google AI Studio, Google Antigravity via MCP og Figma. Du kan også opprette en delbar lenke gjennom AI Studio, eller publisere på nettet med Netlify. For utviklere trenger Stitch MCP og SDK en API-nøkkel fra Stitch-innstillingene, som Googles kodelab beskriver. Les Figma-eksportnotatene ovenfor før du stoler på Copy to Figma.

En sjekkliste for å bedømme ditt eget resultat

• Finnes alle skjermer du har navngitt, med realistisk innhold i stedet for plassholdertekst?
• Er aksentfargen og typen konsistente på tvers av skjermer?
• Ble bare det forespurte området endret etter redigeringsmeldingen?
• Hvor mange generasjoner brukte letingen, og hvor lang tid tok oppryddingen i Figma?

Kilder: Googles vibe design kunngjøring, den I/O-designoppdatering i sanntid og den DESIGN.md kunngjøring.

Hva brukerne sier om Google Stitch

• Ros: hastighet, en sjenerøs gratis tier, multi-screen generasjon, lerretet, utvinning av designsystem og utviklerlenker til AI Studio, Antigravity og MCP.
• Kritisert: ren eller generisk utgang selv med referanser, svak kontroll på komplekse SaaS- og bedriftsdesign, Figma-eksporter som trenger ombygging, treff på månedlige generasjonstak og sporadiske generasjonsfeil rapportert på Googles forum.

En designer på r/UX_Design sier at Stitch er «en fantastisk idé og raskt gjentakelsesverktøy», men at resultatene forble «veldig enkle og generiske» selv etter å ha lagt til referanser. En bruker på r/StitchAI sier at mye av det de får tilbake må gjenskapes fra bunnen av etter import til Figma. Begge er individuelle rapporter, ikke målte rater.

Google Stitch fordeler og ulemper

Google Stitch vs Figma: kan Stitch erstatte Figma?

Nei, og Google posisjonerer det ikke slik. Stitch eier null-til-en-fasen: å utforske veibeskrivelser, få et første design og levere det til kode. Figma eier foredling, komponenter, variabler, samarbeid og overlevering for store team. De to møtes på eksporttrinnet, som er der det meste av friksjonen er.

Hvis du vil se Figmas eget AI-prototypeverktøy, les vår guide til Figma Make.

Beste Google Stitch-alternativer

1. Anima lekeplass

Velg Anima Playground når du vil designe direkte i kode. Beskriv en skjerm eller start fra et Figma-design, et bilde eller en nettadresse, og fortsett å gjenta på en redigerbar HTML- eller React-app som du kan forhåndsvise, dele og publisere. Stitch er et designutforskningsverktøy som eksporterer kode. Playground behandler den fungerende appen som design, så avstander, tilstander og responsiv oppførsel er synlige mens du itererer. Det er ikke en kilde til innfødte Figma-lag, så par den med Anima Figma-plugin eller Buddy hvis du trenger det.

2. UX-pilot

Bedre for Figma-sentrerte team: Nodey kjører inne i Figma, importerer komponentene dine og genererer native lag. Det koster kreditter utover en gratis dagpenger. Se vår UX Pilot anmeldelse.

3. Figma Make

Interaktive prototyper inne i Figma. Les hva Figma Make er eller den Sammenligning av Figma Make vs Anima Playground.

4. Claude Design

Chat-ledede konsepter, lysbilder og prototyper med en Claude Code-overlevering. Se vår Claude Design anmeldelse.

5. Buddy av Anima

En AI-designagent i Figma som bruker din designsystemkontekst. Velg det hvis du vil bli på Figma-lerretet.

Hvem bør bruke Google Stitch?

• Grunnleggere og statsministere som trenger et troverdig første design uten å betale for et verktøy.
• Designere utforske mange retninger før du åpner Figma.
• Utviklere som ønsker designkontekst for Antigravity eller en annen MCP-kompatible agent.

Se andre steder hvis du trenger streng merkevarekontroll, native Figma-komponenter, garantert kapasitet eller et stabilt langtidsprodukt.

Endelig dom: er Google Stitch verdt det?

Ja, som et gratis leteverktøy. Bruk den til å få flere veibeskrivelser raskt, flytt deretter vinneren til Figma eller en kodeagent, og eksporter samme dag. Ikke planlegg en byråarbeidsflyt rundt det før Google publiserer grenser og et veikart. Hvis du vil at designet og den fungerende appen skal holde sammen, prøv Anima Playground neste gang.

Design direkte i kode med AI

Design med AI: Beskriv en skjerm eller snu Figma-design til kode.

Vanlige spørsmål om Google Stitch

Hva er Google Stitch?

Google Stitch er et Google Labs AI-verktøy som genererer high-fidelity UI-design og front-end-kode fra tekstmeldinger, bilder og annen kontekst på et uendelig lerret. Den ble lansert i mai 2025 og erstattet Galileo AI, som Google kjøpte.

Er Google Stitch gratis?

Ja. Stitch er gratis med en Google-konto og har ingen betalt plan. Månedlige generasjonsgrenser gjelder, og Google-støtten siterte 350 standard- og 50 eksperimentelle generasjoner i måneden i august 2025. Senere rapporter er forskjellige, så sjekk gjeldende grense i appen.

Hvordan logger jeg på Google Stitch?

Gå til stitch.withgoogle.com og logg på med en Google-konto. Stitch er et Google Labs-produkt for brukere over 18 år, og det er kanskje ikke tilgjengelig i alle land.

Kan Google Stitch eksportere til Figma?

Ja, med Kopier til Figma og lim inn, men det rapporteres som utilgjengelig for noen moduser og kommer ofte som flate lag. Mange brukere laster ned koden og importerer den med en plugin som html.to.design i stedet.

Har Google Stitch en MCP-server?

Ja. Stitch MCP-serveren og SDK lar kodeagenter som Google Antigravity lese prosjektene dine, generere skjermer og bruke designsystemet ditt. Du oppretter en API-nøkkel i Stitch-innstillingene for å koble til.

Hva er de beste Google Stitch-alternativene?

Anima Playground er et sterkt valg hvis du vil ha en redigerbar HTML- eller React-app fra en ledetekst eller Figma-design. UX Pilot passer til Figma-team, Figma Make passer til interaktive prototyper i Figma, og Claude Design passer til chat-ledede konsepter.