Hem / WpKit-ekosystemet / AI, MCP & Automation / Google Stitch
Google Stitch
Googles AI för gränssnittsskisser.
”AI-webbdesign — prompt till skärmdesign med exporterbar HTML/CSS.”
Arkitekturbeslut i WpKit
Vad Google Stitch gör – och varför vi har tagit detta beslut
Stitch genererar webbdesign från textbeskrivningar: kompletta skärmar med riktig HTML/CSS-export. Gratis under Google Labs.
Roll i WpKit-stacken: Validerad i designfasen på riktiga kundprojekt (Pagono, Ragnhild, Tensta Träff): Stitch-skärmar → Claude → WordPress-block.
Bevis i svensk produktion
Så använder vi Google Stitch i verkliga svenska projekt
Används i designfasen för snabba gränssnittsutkast: vi tar fram skärmar i Stitch och låter sedan Claude översätta dem till rena WordPress-block.
✓ Rekommenderas
Använd Google Stitch när...
När du vill gå från idé till ett UI-utkast med kod snabbt.
✕ Avstå eller välj annat
Använd inte Google Stitch när...
När du behöver pixelprecis kontroll — Stitch är experimentellt.
Funktionsöversikt
Nyckelfunktioner i Google Stitch
Prompt till design
Beskriv sajten — få designade skärmar.
HTML/CSS-export
Riktigt kodunderlag, inte bara bild.
Gratis
Google Labs-experiment utan kostnad.
Fler delar i AI, MCP & Automation
Relaterade verktyg i WpKit-ekosystemet
n8n
Självhostad automation mellan AI, sajt och externa tjänster.
Firecrawl
Skrapar och strukturerar webbsidor till text AI:n kan läsa.
Gemini
Googles modell; alternativ AI-kollega för kunder i Google-miljö.
Kontextdokument
Textfilen som ger AI:n verksamheten, reglerna och rösten; första saken varje kund skriver.
Läs arkitekturbeslut & guide →Perplexity
Källbelagd research och verifiering av färska fakta.
Eagle-kopplingen (MCP)
Låter AI:n söka i Eagle och lägga bilden i WordPress mediebibliotek (skill eagle-media-hub).
Läs arkitekturbeslut & guide →Redo att uppgradera föreningens webbplats till WebbPlattformen?
Starta gratis med eget webbhotell hos Templ, välj vårt Supportavtal för 200 kr/mån – eller uppgradera er nuvarande webbplats inklusive allt innehåll för 2 400 kr.