Google Stitch-recension: Jag skapade en app genom att prata med AI

Du känner till den känslan när du har en appidé så tydlig i ditt huvud att du nästan kan se den? Men så fort du öppnar ett designverktyg försvinner allt?

Det är exakt den luckan (mellan idén i ditt huvud och det som syns på skärmen) som Google Stitch (GOOGL ) försöker överbrygga. Och enligt min erfarenhet kommer verktyget ganska nära.

Stitch är inte som andra AI-designverktyg. Det ber dig inte att lära dig ett nytt system eller dra komponenter runt på en canvas innan något börjar se rätt ut.

Det gör allt väldigt enkelt. Du beskriver vilken app eller webbplats du vill designa, även högt om du vill, och kompletta skärmbilder börjar dyka upp framför dig inom några minuter.

I den här Google Stitch-recensionen kommer jag att diskutera för- och nackdelar, vad det är, vem det är bäst för och dess nyckelfunktioner. Sedan kommer jag att visa hur jag använde det för att skapa en UI-design för en app med en packlista för resan.

Jag kommer att avsluta artikeln med att jämföra Stitch med mina tre bästa alternativ (Base44, Softr och Draftbit). I slutet kommer du att veta om Stitch är rätt för dig!

Omdöme

Google Stitch gör det otroligt enkelt att skapa användargränssnitt från text, röst eller skisser. Det exporterar till Figma eller kod, och du kan göra designjusteringar i realtid manuellt eller genom att prata med AI:n. Det är bra för snabba projekt, men designerna kan se generiska ut, kontrollen är begränsad och komplexa flöden är svåra.

Vad är Stitch?

Google Stitch är ett UI-designverktyg från Google Labs som använder AI för att omvandla textprompter, skisser eller skärmdumpar till responsiva webbplatser och mobilapplikationer.

Till exempel kan du berätta för Stitch att skapa en mobil översiktspanel för en träningsapp med ett mörkt tema och en kortbaserad layout, och det kommer att börja bygga hela gränssnittet med riktiga komponenter. Frontendkoden (HTML och CSS) är exporterbar, så designerna kan enkelt överföras till utvecklare eller integreras direkt i arbetsflöden utan att behöva byggas om från grunden.

Ursprung (Galileo AI)

Men Stitch dök inte bara upp ur tomma intet. Google förvärvade faktiskt ett nystartat företag som heter Galileo AI, ett nystartat företag som specialiserade sig på att generera UI-design från textprompter och bilder. De integrerade den tekniken i sitt ekosystem och omdöpte den till “Stitch.”

Så när du använder det använder du i princip den utvecklade versionen av ett verktyg som designers redan betalade bra pengar för. Det betyder att den underliggande modellen inte byggdes från grunden, men den finslipades.

Den första lanseringen

Verktyget debuterade officiellt på Google I/O 2025, som är Googles årliga utvecklarkonferens. Men versionen som lanserades från början var ganska ofärdig.

Omdesignen i mars 2026 var det som verkligen fick människor att uppmärksamma det. Gränssnittet blev renare, utdata blev skarpare och det kändes mindre som en prototyp och mer som något du skulle använda i ett riktigt arbetsflöde.

Ett “Vibe Design”-verktyg

Vad som gör Stitch annorlunda än andra AI-designverktyg är att det är ett “Vibe Design”-verktyg. Så istället för att lägga till tekniska specifikationer som “använd en 12-kolumnsgrid med 16 pixels kolumnmellanrum” beskriver du “känslan” av vad du vill ha.

Till exempel något som “en lugn, trovärdig onboarding-skärm för en meditationsapp.” Stitch tolkar avsikten och översätter den till en fungerande UI-design.

Webbaserat

Det sista jag vill nämna som jag verkligen uppskattar är att det inte finns något att installera. Du går till stitch.withgoogle.com i din webbläsare. Det finns inga krångliga kontoinställningar eller nedladdning av en skrivbordsapp som äter upp ditt arbetsminne. Det fungerar bara.

För ett verktyg som drivs av den senaste versionen av Gemini Pro är det ganska imponerande att det körs helt i webbläsaren.

Så det är Stitchs ursprungshistoria. Det är ett tillgängligt verktyg som sannolikt kommer att förändra hur många av oss tänker på UI-design.

Vem är Stitch bäst för?

Här är vilka användare Google Stitch är bäst för:

• Oberoende produktutvecklare kan använda Stitch för att snabbt omvandla appidéer till flöden och kod utan teknisk kunskap.
• Frontendteam kan använda Stitch för att automatiskt generera olika versioner av designelement med CLI och exportera sina projekt till Tailwind och JSX.
• Produktchefer kan använda Stitch för att skapa designvarianter och snabbt anpassa dem till kundernas mål.
• Icke-tekniska grundare kan använda Stitchs “Vibe Design” och röstkommandon för att skapa appen genom att berätta hur de tänker sig den.
• Byråer kan använda Stitch för att utforska flera designinriktningar på en oändlig canvas och göra ändringar i realtid med kunder under möten.

Stitchs nyckelfunktioner

Här är Stitchs nyckelfunktioner:

• Beskriv vad du vill skapa med en textprompt för att skapa fullständiga webb- eller mobildesigner. Stitch genererar allt för dig: flera skärmar, layout, komponenter, färger och typografi.
• Använd “Live Mode” för att prata med AI:n genom din enhets mikrofon för att generera fullständiga webb- eller mobildesigner. Fortsätt samtalet för att justera och uppdatera dina designer direkt.
• Ladda upp skisser eller skärmdumpar för att omvandla dem till redigerbara UI-appar och webbplatser.
• Skapa skärmvarianter och jämför dem utan att förlora originalen, och applicera ändringar över flera skärmar samtidigt för att hålla flödena konsekventa.
• Redigera färger och text med direktredigering och finjustera ytterligare med prompter.
• Skicka design till Figma med lager, komponenter och layout intakta för enkel teamredigering.
• Exportera ditt projekt som HTML/CSS eller JSX/Tailwind för enkel överföring till utvecklare eller omedelbar användning i ditt frontend-arbetsflöde.
• Kör Stitch från kommandoraden (CLI) och inkludera det i din byggprocess.
• Använder den senaste Gemini 3 Flash för högkvalitetsdesign i HTML och Gemini 3.1 Pro som prioriterar maximal kvalitet och resonemang över hastighet.
• Ladda upp bilder som referenser för att vägleda AI:n att matcha stilen, layouten eller specifika element i designen som genereras.

Hur man använder Stitch

Här är hur jag använde Google Stitch för att skapa en UI-design för en app med en packlista för resan:

1. Registrera dig för Stitch
2. Lägg till en prompt
3. Justera inställningarna
4. Testa Live Mode
5. Berätta för AI:n vad du vill skapa
6. Generera appen/webbplatsen
7. Redigera med prompt
8. Gör manuella redigeringar
9. Förhandsgranska, exportera och dela

Steg 1: Registrera dig för Stitch

Jag började med att gå till stitch.withgoogle.com och välja “Try now” (prova nu).

Utan att behöva gå igenom krångliga registreringssteg togs jag till Stitchs AI-generator.

På vänster sida fanns mina projekt bredvid projekt som hade delats med mig. I mitten fanns generatorn, där jag kunde ladda upp en skiss eller skärmdump och generera en app eller webbplats med en prompt.

Steg 2: Lägg till en prompt

Överst i generatorn fanns några exempel på prompter:

• En app med en packlista för resan som föreslår vad du ska packa utifrån vädret på resmålet och typen av resa.
• En bläddringsflik för en mobilapp för romantiska och dejtkvälls-idéer.
• En quizsida i en språkinlärningsapp med en förloppsindikator överst. Titeln utmanar dig att matcha ett spanskt ord med det korrekta svaret, med fyra möjliga alternativ.

Jag kunde välja ett av dessa alternativ eller skriva en prompt.

Även om Stitchs exempel på prompter var säkra val med tydliga strukturer som AI:n hanterade väl, ville jag se om Stitch kunde designa något mer spännande.

Jag lade till min egen prompt med fler specifikationer:

“En app med en packlista för resan specifikt för en tredagars affärsresa till London i november. UI:t ska kännas professionellt och högkvalitativt, med ett ‘Endast handbagage’-reglage och en smart väderwidget. Inkludera en sektion för ‘Teknik & Elektronik’ och se till att färgpaletten använder mörkt marinblått och mjuka gråtoner.”

Steg 3: Justera inställningarna

Längst ned fanns några inställningar:

• Bifoga en skärmdump, skiss eller visuell inspiration
• Välj en designtyp (app eller webbplats)
• Välj ett designsystem (förinställda alternativ som Bauhaus, Neon Tokyo, Candy etc.)
• Välj en modell (3 Flash för högkvalitetsdesign, 3.1 Pro för kvalitet över hastighet, omdesign med Nano Banana Pro och idéarbete för att lösa problem)

Jag brydde mig inte om att ladda upp en skärmdump eller skiss, men jag såg till att min designtyp var inställd på “App”. För designsystemet valde jag “Silk”. Jag valde också den senaste modellen (3.1 Pro), som tar längre tid än 3.0, men designkvaliteten kommer att vara den högsta.

Steg 4: Testa Live Mode

Men innan jag klickade på “Generera” märkte jag en “Live Mode”-knapp som jag aldrig hade sett på ett UI-designverktyg förut.

Steg 5: Berätta för AI:n vad du vill skapa

Det visade sig att jag kunde berätta för AI:n (via min enhets mikrofon) vad jag ville skapa istället för att skriva en prompt. Riktigt häftigt, tycker jag.

Det är mer av en samtalsbaserad designprocess, där AI:n ställer förtydligande frågor, erbjuder förslag och itererar i realtid tills resultatet matchar min vision. Det kändes som att samarbeta med en assistent snarare än att använda ett traditionellt verktyg, vilket var en trevlig förändring.

Jag berättade för AI:n min exakta prompt:

“En app med en packlista för resan specifikt för en tredagars affärsresa till London i november. UI:t ska kännas professionellt och högkvalitativt, med ett ‘Endast handbagage’-reglage och en smart väderwidget. Inkludera en sektion för ‘Teknik & Elektronik’ och se till att färgpaletten använder mörkt marinblått och mjuka gråtoner.”

Steg 6: Generera appen/webbplatsen

Några minuter senare genererade AI:n en stilguide och fyra skärmar: Lägg till föremål, Packningslista, Väder och förslag och Resesammanfattning.

Vad Stitch genererade var förvånansvärt korrekt. Det inkluderade specifik information om London och detaljer som “Endast handbagage”-reglaget och väderwidgeten med förslag. Jag behövde inte ens skriva en prompt, jag berättade bara för AI:n vad jag ville!

Steg 7: Redigera med prompt

Längst ned fanns ett tomt promptfält, där jag kunde fortsätta be AI:n att göra ändringar (t.ex. “lägg till fler föremål i Tekniksektionen” eller “ändra den marinblå färgen till kolgrå”). Jag bestämde mig för att be AI:n att ändra den marinblå färgen till kolgrå.

Sekunder senare genererade Stitch en helt ny uppsättning skärmar som använde grått i stället för marinblått. Det var trevligt att det behöll de ursprungliga skärmarna.

Steg 8: Gör manuella redigeringar

På höger sida fanns fler manuella verktyg:

• Välj (V): Klicka på en skärm för att redigera med AI eller klicka “Redigera (E)” under “Ändra” för att göra specifika redigeringar, som redigeringar av text.
• Markera (M): Rita en ruta runt specifika områden, och en textruta kommer att dyka upp där du kan berätta för AI:n att göra ändringar i det specifika området.
• Direct Edit (E): Gör redigeringar, antingen manuellt eller med AI, genom att klicka på specifika element i designen.
• Pan (H): Klicka och dra för att panorera runt canvasen.
• Ladda upp filer till canvas: Lägg till en bild som referens för AI:n att använda.
• Designsystem: Visa de olika färgpaletter som används i din design.
• Favoriter: Stjärnmarkera dina favoritskärmar för att skapa en samling.

Jag ville prova Mark-verktyget, så jag tryckte “M” på mitt tangentbord och ritade en ruta runt ett av korten som listade evenemangsnamnet, platsen, antalet dagar till evenemanget och vädret på platsen.

Jag ville se om Stitch kunde göra specifika ändringar, så jag gav det följande prompt:

“Förvandla det här evenemangskortet till en ‘Personlig resplan’-widget. Behåll Barbican Centre-platsen, men ändra evenemanget till ‘Privat kundmiddag på Searcys.’ Lägg till en liten ‘Visa meny’-knapp och ett ‘Påminnelse’-reglage som är aktiverat.”

Några sekunder senare genererade Stitch en ny skärm med alla samma element, men med ett uppdaterat kort! Det behöll samma plats, men ändrade evenemanget till “Privat kundmiddag på Searcys” som begärt. Det lade också till “Visa meny”-knappen och “Påminnelse”-reglaget som var aktiverat.

Steg 9: Förhandsgranska, exportera och dela

När jag var nöjd med allt gick jag till det övre högra hörnet. Där fanns gott om alternativ för att ansluta och förhandsgranska med direktprototyper, exportera och dela.

Alternativet “Direktprototyp” (uppspelningsknappen) var ganska coolt. Det genererade en prototyp som kunde visas på mobil- eller surfplatteformat. Alla skärmar var anslutna och redo att interagera med. Jag kunde också lägga till, redigera och ansluta fler skärmar.

Att utforska förhandsgranskningen genom att klicka runt och redigera prototypen kunde inte ha varit enklare. Istället för att hoppa mellan flera vyer eller verktyg uppdaterades allt i sammanhanget. Det gav mig en mycket tydligare uppfattning om hur den slutliga produkten skulle fungera, inte bara hur den skulle se ut.

Jag kollade också exportalternativen, och de var oändliga: Figma, Jules, .zip och mer.

Sammanfattningsvis gjorde Google Stitch designprocessen snabb och enkel att arbeta med. Det lät mig fokusera mer på att bygga än att försöka förstå verktyget.

“Live Mode” var utan tvekan den mest imponerande funktionen. Det fick processen att kännas interaktiv, som att arbeta med en riktig assistent.

De tre bästa alternativen till Stitch

Här är de bästa Google Stitch-alternativen:

Base44

Det första Google Stitch-alternativ jag skulle rekommendera är Base44. Det bygger snabbt appar och webbplatser när du beskriver vad du vill ha, utan kodning eller förberedande inställningar.

Det kommer med inbyggd användarautentisering, datalagring och behörigheter, så backendfunktionalitet är redo direkt. Det betyder att du kan bygga en fungerande instrumentpanel med riktig inloggningsfunktionalitet utan att skriva en enda rad kod.

Båda verktygen låter dig generera användargränssnitt snabbt. Så om du är en icke-utvecklare som försöker skapa en prototyp snabbt kan båda hjälpa dig. Men här skiljer sig inriktningarna åt.

Stitch är i grunden ett designverktyg. Det är utmärkt för att generera UI-layouter, göra designjusteringar i realtid med AI och sedan exportera allt till Figma eller ren kod.

Base44 är däremot mer mångsidigt. Det är bra för att generera saker som admininstrumentpaneler, onlinebutiker och landningssidor. Du beskriver det, och det bygger det med backenden inkluderad.

Om du behöver en fullständig app byggd snabbt med backenden inkluderad, välj Base44. För ett rent användargränssnitt med Figma-export och AI-stödda designjusteringar, välj Google Stitch.

Läs min Base44-recension eller besök Base44!

Softr

Nästa Google Stitch-alternativ jag skulle rekommendera är Softr. Det är bättre för de som bygger något specifikt för sin verksamhet.

Med Softr kan du bygga anpassade AI-appar, instrumentpaneler och kundportaler utan att skriva någon kod. Det kommer med inbyggda databaser och säkra inloggningar som är redo att användas. Det finns också anslutningar till verktyg du sannolikt redan använder (Airtable, Google Sheets, HubSpot etc.)

Både Softr och Google Stitch är kodfria, vilket gör dem tillgängliga för dem som saknar utvecklingsbakgrund. Men det är där likheterna mestadels slutar.

Å ena sidan är Stitch ett verktyg som sätter designen främst. Det hjälper dig att generera vackra UI-skärmar med AI-stöd och sedan skicka arbetet till Figma eller exportera det som kod. Det försöker inte hantera dina data eller automatisera din kundonboardingprocess.

Samtidigt är Softr byggt kring idén att dina data redan finns någonstans och du behöver en app som sitter ovanpå den. Fokus ligger på affärsflöden, datagränssnitt och att ge rätt personer tillgång till rätt information.

Här är hur du kan välja mellan de två: Om du behöver en kundportal med inloggningar och data, välj Softr. Om du behöver designa appskärmar och exportera dem för en utvecklare, välj Stitch. Stitch är för att designa hur din app ser ut; Softr är för att bygga hur din app fungerar.

Läs min Softr-recension eller besök Softr!

Draftbit

Det sista Google Stitch-alternativ jag skulle rekommendera är Draftbit. Det är en appbyggare med lite kodning där du kan designa, bygga och lansera mobil- och webbappar. Det kommer med fullständig kodexport och direkt publicering i appbutiker.

Båda plattformarna hjälper dig att skapa appgränssnitt snabbt utan tung kodning. De är bra för att påskynda utvecklingen.

Men Draftbit sticker ut med sina djupare utvecklingsfunktioner. Du kan lägga till logik, ansluta API:er, samarbeta i realtid och exportera kod utan plattformslåsning. Det är byggt för att lansera appar, medan Google Stitch fokuserar mer på att generera och förbättra UI-design med AI och exportera dem för vidare utveckling.

För att bygga och lansera mobilappar med riktig funktionalitet och äganderätt till koden, välj Draftbit. För snabb AI-baserad UI-design och iteration med Figma- och kodexport, välj Google Stitch!

Läs min Draftbit-recension eller besök Draftbit!

Stitch-recension: Rätt verktyg för dig?

Efter att ha provat Google Stitch kan jag med säkerhet säga att det inte känns som ett traditionellt designverktyg. Det känns mer som att ha en konversation med någon som verkligen förstår vad du försöker bygga.

Att kunna prata igenom en idé, se skärmbilder genereras på några minuter och direkt förhandsgranska utseendet och flödet är något jag aldrig har upplevt tidigare. Denna kombination av hastighet och omedelbarhet är svår att hitta, särskilt i de där röriga tidiga stadierna där idéer förändras konstant.

Men Stitch är inte perfekt. Om du behöver backendlogik, automatiserade arbetsflöden eller något som liknar en fullt fungerande app kommer du att märka begränsningarna ganska snabbt.

Om det är fallet, prova ett av dessa alternativ:

• Base44 är bäst för att snabbt bygga appar med en backend (som inloggningar och datalagring).
• Softr är bäst för affärsverktyg, kundportaler och appar byggda kring dina befintliga data.
• Draftbit är bäst för att bygga och lansera mobilappar med fullständig kontroll och äganderätt till koden.

Men här utmärker sig Stitch: Om du vill ta en rörig idé och förvandla den till något som kan presenteras så snabbt som möjligt har jag inte hittat något som gör det bättre än Stitch. För tidiga idéer, kundpresentationer eller för att få något ur ditt huvud och på skärmen är det svårt att hitta ett bättre alternativ.

Tack för att du läste min Google Stitch-recension! Jag hoppas att den var till hjälp. Prova det gratis och se vad du tycker.

Vanliga frågor

Är Google Stitch helt gratis?

Ja, Google Stitch är gratis. Det skapar UI-design från text eller skisser med röststyrda designytor, prototyper och kodexport.

Vad används Google Stitch till?

Google Stitch är ett AI-verktyg från Google Labs som snabbt omvandlar text eller bilder till UI-design och interaktiva prototyper.