Nový nástroj Stitch: Google představuje AI pro tvorbu uživatelských rozhraní a kódu

Google představil Stitch, experimentální AI nástroj využívající Gemini 2.5 Pro k transformaci textových popisů nebo obrázků na UI designy a frontend kód, s cílem zrychlit a zjednodušit vývoj aplikací.

Nový nástroj Stitch: Google představuje AI pro tvorbu uživatelských rozhraní a kódu

TL;DR

  • Google na konferenci I/O 2025 představil Stitch, experimentální nástroj z Google Labs, který s pomocí umělé inteligence generuje návrhy uživatelského rozhraní (UI) a frontendový kód.
  • Stitch využívá multimodální schopnosti modelu Gemini 2.5 Pro (uživatelé mohou volit i Gemini 2.5 Flash) k transformaci jednoduchých textových popisů nebo obrázkových vstupů na komplexní UI designy během několika minut.
  • Nástroj podporuje rychlé iterace designu, export do populárního nástroje Figma pro další úpravy a spolupráci, a generování čistého, funkčního frontendového kódu (HTML a CSS).
  • Cílem Stitche je zefektivnit a zrychlit proces vývoje aplikací tím, že propojuje fázi návrhu s fází kódování a činí tvorbu aplikací přístupnější.
  • Stitch si můžete vyzkoušet na stitch.withgoogle.com.

Tvorba skvělých aplikací byla vždy závislá na silném partnerství mezi designem a vývojem. Designéři vizualizují uživatelskou zkušenost, tvoří intuitivní a poutavá rozhraní. Vývojáři pak tyto návrhy oživují funkčním kódem. Tradičně však propojení designových nápadů s funkčním kódem vyžadovalo značné manuální úsilí a neustálou komunikaci mezi týmy. Právě tento problém se snaží řešit nový experimentální nástroj od Google Labs nazvaný Stitch.

Co je Stitch a jak vznikl?

Stitch, představený na vývojářské konferenci Google I/O 2025, je navržen tak, aby umožnil přeměnu jednoduchých textových pokynů (promptů) a obrázkových vstupů na komplexní návrhy uživatelského rozhraní (UI) a frontendový kód během několika minut. Jak uvádí Google, Stitch se zrodil z nápadu designéra a inženýra, kteří hledali způsob, jak optimalizovat své pracovní postupy. Nástroj využívá pokročilé multimodální schopnosti modelu Gemini 2.5 Pro od Googlu, což mu umožňuje lépe porozumět a zpracovat různorodé vstupy a vytvořit plynulejší a integrovanější pracovní postup mezi designem a vývojem.

Uživatelé si dokonce mohou vybrat mezi modely Gemini 2.5 Pro a Gemini 2.5 Flash pro generování kódu a návrhů rozhraní, což jim dává flexibilitu v závislosti na jejich potřebách.

Klíčové funkce a schopnosti nástroje Stitch

Stitch nabízí několik zajímavých funkcí, které mají za cíl zefektivnit proces návrhu a vývoje:

  • Generování UI z přirozeného jazyka: Uživatelé mohou popsat aplikaci, kterou chtějí vytvořit, běžnou angličtinou (a pravděpodobně i dalšími jazyky v budoucnu), včetně detailů jako jsou barevné palety nebo požadovaná uživatelská zkušenost. Stitch na základě tohoto popisu vygeneruje vizuální rozhraní.
  • Generování UI z obrázků nebo drátových modelů (wireframes): Máte náčrtek designu na tabuli, snímek obrazovky zajímavého UI nebo hrubý drátový model? Můžete jej nahrát do Stitche. Nástroj zpracuje obrázek a vytvoří odpovídající digitální UI, čímž přemostí vaše počáteční vizuální nápady k funkčnímu designu.
  • Rychlé iterace a prozkoumávání designu: Design je iterativní proces. Stitch toto usnadňuje tím, že umožňuje generovat více variant rozhraní. Uživatelé mohou experimentovat s různými rozvrženími, komponentami a styly, aby dosáhli požadovaného vzhledu a dojmu. K dispozici je také interaktivní chat, voliče témat a možnost doladit jakýkoli prvek designu, který Stitch vygeneruje.
  • Plynulý přechod k vývoji: Jakmile jste s návrhem spokojeni, Stitch poskytuje klíčové mosty k vývojářskému workflow:
    • Vložení do Figmy: Vygenerovaný design lze bez problémů vložit do populárního designového nástroje Figma pro snadné další úpravy, spolupráci s designérskými týmy a integraci do existujících designových systémů.
    • Export frontendového kódu: Stitch generuje čistý, funkční frontendový kód (HTML a CSS) na základě vašeho designu, takže máte k dispozici plně funkční UI připravené k implementaci. Tento kód lze dále upravovat v preferovaném vývojovém prostředí (IDE).
Ukázka rozhraní Stitch s volbou AI modelu

Cíl a vize za Stitchem

Google zdůrazňuje, že „Stitch je o odemykání kouzla tvorby aplikací pro každého.“ Kathy Korevec, produktová manažerka Googlu, uvedla: „[Stitch je místo], kam můžete přijít, udělat si první iteraci a pak odtamtud pokračovat. Chceme lidem maximálně usnadnit a zpřístupnit další úroveň designového myšlení nebo další úroveň tvorby softwaru.“

Tento přístup naznačuje, že Stitch není zamýšlen jako náhrada za zkušené designéry nebo vývojáře, ale spíše jako nástroj, který jim může pomoci zrychlit počáteční fáze projektů a umožnit i méně technicky zdatným jedincům lépe vizualizovat své nápady.

Ukázka generování UI pomocí Stitch

Stitch v kontextu dalších AI nástrojů pro vývoj

Představení Stitche zapadá do širšího trendu tzv. „vibe coding“ – programování s využitím AI modelů generujících kód. Na tomto poli již působí několik startupů jako Cursor, Cognition či Windsurf. Také velcí hráči jako OpenAI s nástrojem Codex (nyní integrovaným do ChatGPT) a Microsoft s GitHub Copilotem ukazují směr, kterým se vývoj softwaru ubírá. Nástroje zaměřené na generování UI nejsou zcela nové; například v0 od Vercelu také umožňuje vývojářům generovat UI komponenty z textových pokynů a iterovat na nich. Jak však poznamenává portál Neowin, interakce v0 s Figmou je odlišná – primárně se soustředí na import a konverzi designů z Figmy do kódu, zatímco Stitch nabízí přímý export svých AI-generovaných designů do Figmy pro další úpravy.

Kathy Korevec upřesnila, že Stitch je sice mocný, ale „není zamýšlen jako plnohodnotná designová platforma typu Figma nebo Adobe XD.“ Spíše má sloužit jako akcelerátor pro první fáze návrhu.

Budoucnost a dostupnost

Google plánuje Stitch dále vylepšovat. Brzy po konferenci I/O by měla přibýt funkce, která uživatelům umožní provádět změny v návrzích UI tak, že pořídí snímek obrazovky objektu, který chtějí upravit, a doplní jej anotacemi s požadovanými modifikacemi.

Stitch je prezentován jako experiment, ale již nyní si jej můžete vyzkoušet na oficiální stránce: stitch.withgoogle.com. Google vyzývá uživatele, aby nástroj otestovali a poskytli zpětnou vazbu.

Nástroje jako Stitch představují zajímavý posun v tom, jak můžeme přistupovat k tvorbě softwaru. Potenciál pro zrychlení prototypování, demokratizaci designu pro jednotlivce a malé týmy, a pro snížení třecích ploch mezi designem a vývojem je značný. Bude však důležité sledovat, jak se tyto nástroje vyvinou, jak přesné a použitelné budou jejich výstupy v reálných projektech a jaký dopad budou mít na role designérů a vývojářů. Stitch je dalším dílkem skládačky v rychle se měnícím světě vývoje aplikací s podporou umělé inteligence.

Co si o tom myslí AI

Takže Google si myslí, že stačí pár slov nebo obrázek a voilà, máme hotovou aplikaci? To zní skoro jako když si objednáte 'umělecké dílo' od AI a dostanete šestiprstého astronauta jedoucího na jednorožci. Jistě, zní to skvěle na papíře – tedy, na obrazovce – ale kolikrát už jsme slyšeli o nástrojích, které 'změní všechno', a pak designéři a vývojáři stejně tráví hodiny opravováním 'drobných detailů', které AI jaksi přehlédla? A ten 'čistý, funkční kód'? To je jako slib politika před volbami – zní to hezky, ale realita bývá... kreativnější.

Ale fajn, představme si, že Stitch skutečně funguje tak, jak slibuje, alespoň pro ty první, nejbolestivější kroky. Co by to znamenalo?

  • Ultra-rychlé A/B testování UI: Marketingová oddělení by mohla chrlit desítky variant landing page pro nový produkt během jednoho dopoledne. 'Chceme modrou s velkým tlačítkem! Ne, zelenou s menším! A co růžová s animovaným křečkem?' Stitch by to zvládl, zatímco designér by si stihl sotva uvařit kávu. Efektivita, nebo cesta do designového pekla?
  • Interaktivní učebnice na míru: Učitel dějepisu chce aplikaci, kde si žáci proklikají bitvu u Waterloo s dobovými mapami a portréty generálů. Místo aby se trápil s WordPressem, popíše to Stitchi a má základ, který může sám doladit. Každý předmět, každé téma, vlastní mini-aplikace. Konec nudným PDFkům?
  • Personalizované rozhraní pro seniory: 'Chci velká tlačítka, kontrastní barvy a jen tři funkce: volání synovi, zprávy a počasí.' Stitch by mohl generovat extrémně zjednodušená rozhraní pro lidi s technologickými bariérami, na základě jednoduchého hlasového zadání od jejich pečovatele.
  • Demokratizace tvorby pro neziskovky: Malá charita potřebuje jednoduchou stránku na sbírku. Místo placení drahé agentury nebo boje s Wixem dostane slušný základ od Stitche. Více peněz na skutečnou pomoc, méně na admina?

Stitch by nemusel nahradit experty, ale mohl by jim dát křídla (nebo alespoň pořádný jetpack) pro úvodní fáze projektů. Možná se konečně zbavíme té otravné fáze 'prázdného plátna' a skočíme rovnou k ladění a vylepšování. A to už nezní tak špatně, co myslíte?

Zdroje:

Skvělé! Úspěšně jste se zaregistrovali.

Vítejte zpět! Úspěšně jste se přihlásili.

Úspěšně jste se přihlásil/a k odběru Al trendy.cz - Vaše brána do světa Al.

Úspěch! Zkontrolujte svůj email pro magický odkaz k přihlášení.

Úspěch! Vaše fakturační informace byly aktualizovány.

Vaše fakturační údaje nebyly aktualizovány.