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

Google Stitch er et gratis AI-designværktøj fra Google Labs, der forvandler en tekstprompt, et billede eller en hjemmesidereference til high-fidelity UI-skærme, hvorefter du kan forfine dem på et uendeligt lærred og eksportere til Figma, kode, Google AI Studio eller Antigravity. Det startede i maj 2025 som et prompt-to-UI-eksperiment og blev et AI-native designlærred i marts 2026. Denne anmeldelse er til designere, produktchefer og grundlæggere, der gerne vil vide, hvad Stitch gør godt, hvor det stopper, og om det kan erstatte Figma.

Fakta afspejler Googles egne meddelelser, Googles udviklerdokumenter og offentlige brugerrapporter fra november 2026. Stitch er et Google Labs-produkt, så funktioner og begrænsninger ændres ofte. Bekræft de aktuelle detaljer på stitch.withgoogle.com. Denne anmeldelse trækker på Googles officielle materiale og offentlige brugerrapporter.

Vores dom på én linje: Stitch er den bedste gratis måde at udforske UI-retninger hurtigt, og dens bindinger med Google AI Studio og Antigravity er virkelig nyttige for bygherrer. Det er ikke en Figma-erstatning. Output kan føles generisk, eksport til Figma kommer ofte som en flad struktur, og Google offentliggør ikke en fast grænse for frit niveau eller en langsigtet plan. Nedenfor finder du funktionerne, grænserne, Figma og kodeeksport, MCP, en trin-for-trin gennemgang med eksempler på prompter, hvad brugerne siger og de bedste alternativer, inklusive Anima Playground.

I AIs tidsalder er design kode. For at designe direkte i kode med AI, eller for at omdanne dine Figma-designs til kode, brug Anima Legeplads: beskriv en skærm eller start fra et Figma-design, og fortsæt derefter med at iterere på en redigerbar app, som du kan få vist og udgive.

Google Stitch anmeldelse: hurtig dom

Bedst til gratis udforskning og for bygherrer i Google-stakken. Mindre velegnet til teams, der har brug for indbyggede Figma-komponenter, streng mærkekontrol eller et garanteret langsigtet produkt.

Hvad er Google Stitch?

Stitch er et eksperiment fra Google Labs, der genererer brugergrænseflader fra naturligt sprog, billeder og anden kontekst. Google købte Galileo AI i maj 2025 og lancerede Stitch på Google I/O den måned, bygget på Gemini 2.5. Galileo-brugere fik 30 dage til at migrere. Hvis du søgte efter Galileo AI, er dette produktet, der erstattede det.

Tidslinje for, hvad der ændrede sig

Google Stitch-funktioner i 2026

Spørg, billede, URL eller stemme til UI

Du kan starte med at forklare forretningsmålet, den følelse du ønsker eller en reference i stedet for at tegne en wireframe. Stitch accepterer også billeder, tekst og kode som kontekst på lærredet, og du kan tale til lærredet for at få kritik og live ændringer. Promptboksen har en app- og webknap og en modelvælger, som Googles egne demoer viser som muligheder såsom 3 Flash og 3.1 Pro.

Infinite canvas, designagent og Agent manager

Lærredet rummer skærme, referencer og ideer ét sted. Designagenten ræsonnerer på tværs af hele projektet, og agentmanageren følger adskillige udforskninger sideløbende. Ved I/O 2026 tilføjede Google realtidsstreaming, så du ser Stitch bygge en side og kan styre den, før den er færdig.

Design systemer og DESIGN.md

Stitch kan udtrække et designsystem fra enhver URL, og det bruger DESIGN.md, en Markdown-fil med designtokens i YAML plus skriftlig begrundelse for farver, type, mellemrum og komponenter. Du kan eksportere det, importere det til et andet Stitch-projekt eller dele det med en kodningsagent. Google åbnede udkastet til specifikationerne i april 2026, så andre værktøjer kan bruge det.

Øjeblikkelige prototyper

Du kan linke skærme sammen og trykke på Afspil for at klikke gennem et flow. Stitch kan også generere logiske næste skærmbilleder fra et klik, som kortlægger en rejse hurtigt. For hvorfor flows og prototyper betyder noget på forskellige stadier, se wireframes vs prototyper.

Del, udgiv og eksporter

Fra lærredet kan du oprette et delbart link via Google AI Studio, eksportere til Google Antigravity for at tilføje backend-logik eller udgive 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 grænser

Ja. Stitch er gratis med en Google-konto på stitch.withgoogle.com, og der er ingen betalt plan. Det er et Google Labs-produkt, tilgængeligt for personer på 18 år og derover i et stort antal lande, så det tilbydes muligvis ikke overalt.

Det praktiske råd er at udforske i hurtig tilstand, gemme Pro-modellen til skærme, du planlægger at sende, og eksportere færdigt arbejde samme dag.

Google Stitch to Figma: hvordan eksport fungerer

Stitch understøtter Kopier til Figma og indsæt, og Google viser Figma i sit eksportpanel. I praksis betyder detaljerne:

• Rapporter på Googles udviklerforum og Reddit siger, at Copy to Figma ikke tilbydes til design lavet i Thinking- eller Pro-tilstandene, så kvalitet og Figma-eksport kan trække i modsatte retninger.
• Reddit-brugere beskriver importer, hvor tekst ankommer, som vektorer og rammer bruges som mellemrum inde i automatisk layout, så meget af resultatet skal genopbygges.
• En almindelig løsning er at downloade Stitch-koden og bringe den ind i Figma med et plugin såsom html.to.design, som har en tendens til at give en mere trofast import.

Den fornuftige arbejdsgang er at afslutte gentagelsen i Stitch, eksportere én gang og derefter genopbygge de rigtige komponenter og tokens i Figma. Hver regenerering ugyldiggør manuel oprydning, du foretog ved en tidligere eksport. Hvis du vil have en agent inde i Figma, der allerede respekterer dine komponenter, så kig på Animas Buddy eller UX Pilot’s Nodey.

Google Stitch-kodeeksport og MCP

Stitch har produceret front-end-kode siden lanceringen, og anmeldelser beskriver HTML med Tailwind-klasser, som udviklere kan bruge som udgangspunkt. Behandl det som stillads: Én stor komponent med statiske data er et almindeligt resultat, så planlæg at opdele komponenter og ledningstilstand.

Stitch MCP-serveren og SDK er den mere interessante udviklerhistorie. En kodningsagent såsom Google Antigravity kan hente dit projekt, læse designtokens og skærmbilleder og bygge ud fra dem. Googles eget kodelab gennemgår oprettelse af en API-nøgle i Stitch-indstillinger, tilføjelse af Stitch MCP i Antigravity, generering af en DESIGN.md og opbygning af et React and Tailwind-websted. MCP-referencen viser værktøjer til at skabe projekter, generere skærmbilleder fra tekst, redigere skærmbilleder, generere varianter og administrere designsystemer, herunder uploade en DESIGN.md.

Hvis dit slutmål er en fungerende React- eller HTML-app i stedet for en designfil, skal du sammenligne denne rute med Anima Legeplads, som bygger den redigerbare app direkte.

Sådan bruger du Google Stitch: en trin-for-trin gennemgang

Denne gennemgang følger Googles egne meddelelser, udviklerdokumenter og I/O-demovideoer. Prompterne nedenfor er udgangspunkter for at prøve dig selv, og resultaterne varierer fra løb til løb. Billederne er Googles officielle billeder, krediteret som sådan, plus én visning af den offentlige landingsside. Sømmen skifter ofte, så knapnavne og modelnavne kan variere, når du åbner den.

Hvis du også vil sammenligne værktøjer, så prøv den samme plante-swap-prompt nedenfor i Stitch og i UX Pilot. Vores UX Pilot anmeldelse viser, hvordan den prompt blev der, så du kan sammenligne de to med tjeklisten til sidst.

Trin 1: Åbn Stitch og log ind

Gå til stitch.withgoogle.com og log ind med en Google-konto. Stitch er et Google Labs-produkt til personer på 18 år og derover i understøttede lande. Den offentlige landingsside er en enkelt promptboks med en app- og webkontakt, en modelchip og et par startforslag.

I skrivende stund lyder modelchippen på den offentlige side Balanceret, mens Googles I/O-demo-rammer viser modelnavne som 3 Flash og 3.1 Pro. Navne og muligheder skifter mellem udgivelser, så vælg de hurtige og højkvalitetsmuligheder, som appen tilbyder på dagen.

Trin 2: vælg App eller Web og en model

Skiftet fortæller Stitch, om du designer en indbygget mobilapp eller en webside. Googles egen demo bruger Web. Vælg App for meddelelsen om planteskift nedenfor. For at beskytte dine frie generationer skal du udforske med den hurtigere model og beholde modellen af ​​højere kvalitet til skærme, du planlægger at sende. Grænserne er dækket ovenfor i prisafsnittet.

Trin 3: Skriv en prompt med kontekst

Googles vejledning er at starte med forretningsmålet, den følelse, du ønsker, at brugerne skal have, eller eksempler på, hvad der inspirerer dig, i stedet for en wireframe. Stitch accepterer også billeder, tekst og kode som kontekst på lærredet, og det kan udtrække et designsystem fra en URL. Her er Googles egen demo-prompt fra I/O-videoen, som vist på skærmen i promptboksens billede tidligere i denne anmeldelse:

opbyg en responsiv landingsside for willamette pizza co. for farvepalet kan den primære baggrund være en varm råhvid, den sekundære baggrund være en lys, blød himmelblå og have en levende himmelblå accentfarve…

Og her er en brief, du kan prøve på både Stitch og UX Pilot. Vælg app, indsæt den og indsend:

En mobilapp til et kvarters plantebyttefællesskab: hjemmefeed, plantedetaljeside og chatskærm. Ren, venlig, grøn accent.

Tips, der følger Googles vejledning: navngiv de skærme, du ønsker, angiv følelsen (ren, venlig), giv én accentfarve, og vedhæft et referencebillede, hvis du har et.

Trin 4: Se den generere og styre

Ved I/O 2026 sagde Google, at Stitch nu streamer sit arbejde direkte til lærredet, så du kan se en side tage form. Stitch Agent lader dig styre iterationer, før resultatet er endeligt, og Agent-manageren sporer adskillige udforskninger parallelt. I Googles demo kan du også tale til lærredet for at bede om kritik eller ændringer.

Trin 5: rediger med opfølgende prompter

Når skærmbilleder eksisterer, kan du forfine dem med korte opfølgninger i chatten eller vælge en skærm og bede om en ændring. Stitch’s MCP-reference viser også værktøjer til at redigere skærmbilleder og til at generere varianter, hvilket er nyttigt, når du ønsker flere retninger af en skærm. En opfølgning, du kan prøve på plantebytteresultatet:

Gør hjemmefeedet til et gitter med 2 kolonner, og tilføj en søgelinje

Når du sammenligner værktøjer, skal du bemærke, om resten af skærmen forbliver den samme efter en redigering, fordi redigeringer i regenereringsstil kan ændre områder, du ikke har spurgt om.

Trin 6: Anvend et designsystem med DESIGN.md

Stitch kan trække et designsystem fra en URL, og det gemmer designregler i DESIGN.md, en Markdown-fil med tokens og skriftlig begrundelse. Du kan eksportere det, importere det til et andet Stitch-projekt eller aflevere det til en kodningsagent. Googles demo anvender et designsystem til et helt websted med en prompt i almindeligt sprog:

Anvend dette designsystem på hele webstedet.

Trin 7: link skærmbilleder og tryk på Afspil

Google siger, at du kan sy skærme sammen på få sekunder og klikke på Afspil for at få vist forløbet. Stitch kan også generere logiske næste skærmbilleder fra et klik, hvilket hjælper dig med at kortlægge en rejse hurtigt. For plante-swap-appen skal du linke feedet til detaljesiden og detaljesiden til chatten og derefter klikke videre.

Trin 8: del og eksport

Når du er færdig, skal du åbne Eksporter. Googles I/O-demo viser Google AI Studio, Google Antigravity via MCP og Figma. Du kan også oprette et delbart link gennem AI Studio eller publicere på nettet med Netlify. For udviklere har Stitch MCP og SDK brug for en API-nøgle fra Stitch-indstillinger, som Googles kodelab beskriver. Læs Figma-eksportnoterne ovenfor, før du stoler på Copy to Figma.

En tjekliste til at bedømme dit eget resultat

• Findes alle de skærme, du navngav, med realistisk indhold i stedet for pladsholdertekst?
• Er accentfarven og typen ensartet på tværs af skærme?
• Ændrede kun det anmodede område sig efter redigeringsprompten?
• Hvor mange generationer brugte udforskningen, og hvor lang tid tog oprydningen i Figma?

Kilder: Googles vibe design meddelelse, den I/O-designopdatering i realtid og den DESIGN.md meddelelse.

Hvad brugere siger om Google Stitch

• Rost: hastighed, en generøs gratis tier, multi-screen generation, lærredet, design system ekstraktion og udvikleren links til AI Studio, Antigravity og MCP.
• Kritiseret: almindeligt eller generisk output, selv med referencer, svag kontrol over komplekse SaaS- og virksomhedsdesigns, Figma-eksporter, der skal genopbygges, rammer månedlige generationsgrænser og lejlighedsvise generationsfejl rapporteret på Googles forum.

En designer på r/UX_Design siger, at Stitch er “en fantastisk idé og hurtig gentagelsesværktøj”, men at resultaterne forblev “meget almindelige og generiske”, selv efter at have tilføjet referencer. En bruger på r/StitchAI siger, at meget af det, de får tilbage, skal genskabes fra bunden efter import til Figma. Begge er individuelle rapporter, ikke målte rater.

Google Stitch fordele og ulemper

Google Stitch vs Figma: kan Stitch erstatte Figma?

Nej, og Google placerer det ikke på den måde. Stitch ejer nul-til-én-fasen: udforske retninger, få et første design og aflevere det til kode. Figma ejer raffinement, komponenter, variabler, samarbejde og overdragelse til store teams. De to mødes ved eksporttrinnet, hvor det meste af friktionen er.

Hvis du vil se Figmas eget AI-prototypeværktøj, så læs vores guide til Figma Make.

Bedste Google Stitch-alternativer

1. Anima Legeplads

Vælg Anima Playground, når du vil designe direkte i kode. Beskriv en skærm eller start fra et Figma-design, et billede eller en hjemmeside-URL, og fortsæt derefter med at iterere på en redigerbar HTML- eller React-app, som du kan forhåndsvise, dele og udgive. Stitch er et designudforskningsværktøj, der eksporterer kode. Playground behandler den fungerende app som designet, så afstand, tilstande og responsiv adfærd er synlige, mens du gentager. Det er ikke en kilde til native Figma-lag, så par det med Anima Figma-plugin’et eller Buddy, hvis du har brug for det.

2. UX Pilot

Bedre for Figma-centrerede teams: Nodey kører inde i Figma, importerer dine komponenter og genererer native lag. Det koster kreditter ud over en gratis dagpenge. Se vores UX Pilot anmeldelse.

3. Figma Make

Interaktive prototyper inde i Figma. Læs hvad Figma Make er eller den Sammenligning af Figma Make vs Anima Playground.

4. Claude Design

Chat-ledede koncepter, slides og prototyper med en Claude Code-overlevering. Se vores Claude Design anmeldelse.

5. Buddy af Anima

En AI-designagent inde i Figma, der bruger dit designsystem-kontekst. Vælg det, hvis du vil blive på Figma-lærredet.

Hvem skal bruge Google Stitch?

• Grundlæggere og PM’er som har brug for et troværdigt første design uden at betale for et værktøj.
• Designere udforske mange retninger, før du åbner Figma.
• Udviklere der ønsker designkontekst for Antigravity eller en anden MCP-kompatibel agent.

Se andre steder hvis du har brug for streng mærkekontrol, native Figma-komponenter, garanteret kapacitet eller et stabilt langtidsprodukt.

Endelig dom: er Google Stitch det værd?

Ja, som et gratis udforskningsværktøj. Brug den til at få flere retninger hurtigt, flyt derefter vinderen til Figma eller en kodningsagent, og eksporter samme dag. Planlæg ikke et bureau-workflow omkring det, før Google udgiver grænser og en køreplan. Hvis du ønsker, at designet og den fungerende app skal forblive sammen, så prøv Anima Playground næste gang.

Design direkte i kode med AI

Design med AI: Beskriv en skærm, eller vend Figma-designs til kode.

Ofte stillede spørgsmål om Google Stitch

Hvad er Google Stitch?

Google Stitch er et Google Labs AI-værktøj, der genererer high-fidelity UI-design og frontend-kode fra tekstprompts, billeder og anden kontekst på et uendeligt lærred. Den blev lanceret i maj 2025 og erstattede Galileo AI, som Google købte.

Er Google Stitch gratis?

Ja. Stitch er gratis med en Google-konto og har ingen betalt plan. Månedlige generationsgrænser gælder, og Google-support citerede 350 standard- og 50 eksperimentelle generationer om måneden i august 2025. Senere rapporter er forskellige, så tjek den aktuelle grænse i appen.

Hvordan logger jeg ind på Google Stitch?

Gå til stitch.withgoogle.com og log ind med en Google-konto. Stitch er et Google Labs-produkt til brugere på 18 år og derover, og det er muligvis ikke tilgængeligt i alle lande.

Kan Google Stitch eksportere til Figma?

Ja, med Kopier til Figma og indsæt, men det rapporteres som utilgængeligt for nogle tilstande og kommer ofte som flade lag. Mange brugere downloader koden og importerer den med et plugin såsom html.to.design i stedet for.

Har Google Stitch en MCP-server?

Ja. Stitch MCP-serveren og SDK’en lader kodningsagenter som Google Antigravity læse dine projekter, generere skærmbilleder og bruge dit designsystem. Du opretter en API-nøgle i Stitch-indstillinger for at oprette forbindelse.

Hvad er de bedste Google Stitch-alternativer?

Anima Playground er et stærkt valg, hvis du vil have en redigerbar HTML- eller React-app fra en prompt eller Figma-design. UX Pilot passer til Figma-teams, Figma Make passer til interaktive prototyper i Figma, og Claude Design passer til chatledede koncepter.