Google Stitch je bezplatný AI nástroj od Googlu, který z textového popisu vygeneruje UI aplikace s exportovatelným kódem. Ukážu ti, jak ho použít krok za krokem — od prvního promptu až po export HTML.
Chceš vytvořit aplikaci, ale nebaví tě učit se Figma, HTML a CSS od nuly? Google Stitch ti umožní navrhnout plnohodnotné UI za hodinu — jen pomocí textových pokynů nebo rukou nakresleného náčrtu.
Nástroj je zdarma, funguje v prohlížeči a za návrhem stojí Gemini 2.5. Od března 2026 přibyl i hlasový canvas — doslova mluvíš s návrhovým nástrojem a ten ti v reálném čase upravuje design.
Stitch je AI nástroj z Google Labs, který spustili na Google I/O 2025. Základní myšlenka: napíšeš, co chceš postavit, a Stitch vygeneruje kompletní UI — rozložení obrazovek, komponenty, barvy, typografii.
Na výstupu dostaneš:
Stitch není editor jako Figma, kde taháš prvky myší. Je to AI agent pro design — říkáš mu, co chceš, a on to navrhne. Iteruješ dalšími pokyny.
Dva módy:
Jdi na stitch.withgoogle.com. Přihlásíš se Google účtem — žádná instalace, žádná registrace navíc. Klikneš na New Project a jsi na plátně.
Tady je klíč k dobrým výsledkům — čím konkrétnější prompt, tím lepší design.
Špatný prompt:
"Udělej aplikaci pro sledování úkolů"
Dobrý prompt:
"Mobilní aplikace pro sledování denních úkolů. Dark mode, minimalistický design. Hlavní obrazovka: seznam úkolů s checkboxy, prioritou (barva) a časem. Plovoucí tlačítko pro přidání úkolu. Spodní navigace: Dnes, Projekty, Nastavení."
Čím víc kontextu dáš — cílová skupina, platforma (web/mobil), styl, klíčové obrazovky — tím méně iterací budeš potřebovat.
Stitch vygeneruje náhled. Nové generování od března 2026 vytvoří až 5 obrazovek najednou. Vidíš layout, komponenty, navigaci.
Tohle je iterativní fáze. Přidáš pokyn do chatu vedle plátna:
"Přidej na hlavní obrazovku filtr podle kategorie. Karty úkolů ať mají jemnější shadow."
Stitch okamžitě upraví design. Žádné klikání v editoru — jen text.
Přepni na Voice Canvas v pravém horním rohu. Mluv přímo k nástroji:
"Zkus jiný font pro nadpisy, něco modernějšího. A přidej prázdný stav pro případ, kdy uživatel nemá žádné úkoly."
Stitch ti v reálném čase nabídne kritiku designu, navrhne alternativy a rovnou aplikuje změny. Je to jako mít designéra po ruce — ale bez hodinové sazby.
Máš náčrt na papíře nebo screenshot existující aplikace, kterou chceš předělat? Přepni na Experimental Mode (přepínač nahoře). Nahraj obrázek a Stitch ho přetvoří do high-fidelity designu.
Hodí se pro:
Když jsi spokojený, klikneš na Export. Máš tři možnosti:
Pro rychlý prototyp stačí stáhnout HTML soubor a otevřít v prohlížeči. Nebo zkopírovat kód do AI coding nástroje jako Claude Code nebo Cursor a pokračovat v budování logiky aplikace.
Zkusím konkrétní use case, který mi fungoval.
Prompt:
"Landing page pro B2B SaaS nástroj pro správu faktur. Target: malé firmy, majitelé 30–50 let. Hero sekce s headline + CTA tlačítkem, sekce s 3 výhodami, pricing tabulka (3 plány), jednoduchý footer. Modrá a bílá, profesionální vzhled."
Výsledek po první generaci: 80 % použitelný layout. Pak jsem přidal 3 follow-up pokyny:
Celkový čas: 22 minut. Exportoval jsem HTML, hodil do Claude Code a za dalších 30 minut jsem přidal základní logiku formuláře.
Stitch funguje skvěle pro:
Stitch nestačí pro:
Nejlepší workflow: Stitch pro první fázi návrhu → Claude Code nebo Cursor pro implementaci logiky → vývojář pro produkční finální verzi.
Google Stitch je zatím jeden z nejpřímočařejších způsobů, jak proměnit nápad v aplikaci bez znalosti designových nástrojů. Je zdarma, funguje okamžitě a nový hlasový canvas z března 2026 posouvá interakci na další úroveň.
Pokud chceš rychle otestovat nápad, připravit prototyp nebo prostě neplatit Figmu, zkus to. Výsledky Standard módu jsou v mnoha případech publikovatelné bez dalších úprav.
Jsi zvyklý na vibe coding s Claude Code nebo Cursorem? Stitch je ideální první krok — navrh UI tam, kód buduj v IDE.
Bezplatný e-mailový kurz s praktickými tipy. Žádná teorie, jen to, co funguje.
Navštivte zacinamsai.cz — průvodce světem AI pro úplné začátečníky.
Přejít na Začínáme s AI →
Windsurf je teď Devin Desktop a Cascade dosloužil 1. července 2026. Zjisti, jestli tě to zasáhlo, a projdi si krok za krokem migraci na Devin Local.
90 % vývojářů už používá AI nástroje pro kódování, ale většina týmů nemá žádná pravidla. Tady je praktický rámec, jak nastavit governance pro AI kódování během jednoho týdne.
Cursor v roce 2026 přestává být jen lepším editorem. Díky Composer 2.0 a cloud agentům zvládne celé týmové workflow — od zadání funkce přes automatizované review až po dlouhotrvající úkoly na pozadí.
Cursor na denní kódování, Claude Code na architekturu, Codex na refaktoring – třívrstvý AI coding stack, který vám v roce 2026 ušetří polovinu času a zásadně změní způsob, jakým přistupujete k vývoji softwaru.
Víc než polovina tokenů zmizí dřív, než AI napíše první slovo odpovědi. Tady je přesně kde — a jak to zastavit. Aktualizovaný průvodce pro Claude Code, API i běžné předplatné.
Přečti si přehled 8 trendů z Anthropic reportu o agentic codingu. Zjisti, proč vývojáři používají AI v 60 % práce, ale delegují jen 0–20 % úkolů, a jak to změnit ve svém týmu.
Potřebujete pomoct s AI automatizací?
Domluvte si nezávaznou konzultaci →Týdenní AI tipy přímo do mailu
Žádný spam. Odhlášení jedním klikem.
