Registrace

Funkce

AI Studio — web postavíte rozhovorem

Napíšete česky, co potřebujete, a systém stránku složí. Pak ji doladíte na plátně, sladíte vzhled celého webu a nový design připravíte v pracovní verzi, zatímco web běží dál.

Vyzkoušet zdarma Vstoupit do dema

Z chatové bubliny se skládají hotové sekce do stránky v prohlížeči

Dnes

AI generátory webů nechají model napsat kód a doufají, že bude dobrý. Web sice vidíte za minutu, ale žije uvnitř nástroje: obsah nemá kam ukládat, redaktor nemá kam psát, a když chcete pryč, odnesete si kód bez systému.

S Mini-webem

AI Studio staví stejným způsobem — konverzací — jenže výstup padá rovnou do publikačního systému. Stránka má svou adresu, metadata i redaktora, který ji zítra otevře v běžném editoru. Žádný export, žádné přelepování.

V čem je rozdíl

Model nepíše HTML

Rozdíl je v tom, co model vlastně dělá. Nedostane volnou ruku nad kódem — dostane omezenou sadu operací a vrací plán a obsah. Stránku z toho skládá platforma ze sekcí a designových tokenů, které jsou její součástí. Kvalitu tedy garantuje systém, ne model.

  • Výstup je vždy funkční

    HTML vzniká ze sekcí platformy, ne z generovaného kódu. Stránka je validní, responzivní a přístupná bez ohledu na to, jak jste zadání napsali.

  • Vzhled drží pohromadě

    Všechny sekce čtou stejné designové tokeny — barvy, fonty, rytmus. Web nevypadá jako slepenec pěti různých návrhů.

  • Kontrast se hlídá

    Systém kontroluje kontrast textu podle WCAG. Když návrh neprojde, vrátí se modelu k opravě dřív, než ho uvidíte.

  • Všechno jde vrátit

    Každá změna vzhledu zakládá verzi. Nepovedený nápad vrátíte jedním kliknutím, přímo z chatu i z editoru.

  • Výsledek je normální stránka

    Má adresu, metadata, historii a dá se editovat ručně jako každá jiná. Nevzniká nic navíc, co by pak nikdo nespravoval.

  • Odnesete si to

    Z hotového projektu vyexportujete plnohodnotnou šablonu webu i s manifestem, který umožňuje import zpět.

Možnosti

Co mu můžete zadat

  • Celý web, ne jednu stránku

    Studio umí založit projekt o víc stránkách — úvod, výpis rubriky, detail článku, kontakt, u e-shopu i košík a pokladnu.

  • Složit a přeskládat stránku

    Vybírá ze sekcí, které váš web má, poskládá je do regionů a umí pak upravit i jedinou z nich, aniž by sáhlo na zbytek.

  • Napsat SEO metadata

    Titulek, popis, obrázek pro sdílení i typ strukturovaných dat. Nemusíte na to myslet zvlášť.

  • Změnit vzhled webu

    Barvy, fonty, rytmus, tvar tlačítek i tmavý režim. A kdykoli se vrátit k předchozí verzi.

  • Doplnit obrázky

    Vygeneruje obrázek rovnou do sekce, nebo použije ten, který mu vložíte do chatu. Prompt se ukládá, takže jde přegenerovat.

  • Napojit sekci na živá data

    Výpis článků z konkrétní rubriky, produkty, navigace, poslední videa z YouTube nebo příspěvky ze sociálních sítí. Stránka není maketa, ukazuje skutečný obsah.

Postup

Od věty ke stránce

  • Napíšete zadání — Česky a normálně: „landing page pro jarní kampaň, hero s formulářem, tři výhody, reference." Můžete rovnou vložit i obrázky.
  • Studio pracuje na pozadí — Nemusíte čekat u obrazovky, další zadání se řadí za sebe. Model přitom vidí, jaké sekce váš web má, jaký má vzhled i jaký obsah v něm je.
  • Náhled se sám obnoví — Výsledek si projdete v živém náhledu, přepnete si desktop, tablet a mobil a řeknete, co ještě změnit.
  • Publikujete, až chcete — Stránka zůstává v konceptu, dokud zveřejnění sami nepotvrdíte.
AI Studio — vlevo konverzace se zadáním a odpovědí, vpravo živý náhled hotové stránky
Vlevo píšete, vpravo se rovnou díváte na výsledek — i s přepínačem desktop, tablet a mobil.

Builder

Plátno: upravujete přímo na webu

Vedle konverzace je plátno — skutečná podoba vašeho webu v jeho barvách a písmech. Co AI postaví, můžete kdykoli doladit rukou. A ruční úpravy nestojí žádné kredity.

  • Text dvojklikem

    Nadpis, odstavec, položku seznamu i tlačítko přepíšete přímo na stránce. Tučné písmo, kurzíva a odkazy jsou na malé liště nad textem.

  • Sekce přetáhnete myší

    Při tahu se stránka sbalí na přehledné pásy a u okraje sama roluje. Pod každou sekcí je nenápadné „Přidat sekci sem“, které nezabírá místo.

  • Bloky a sloupce

    Sekce skládáte do bloků v mřížce o dvanácti sloupcích, bloky můžete vnořovat. Užší sekce se samy postaví vedle sebe, na mobilu se složí pod sebe.

  • Boční sloupec

    Obsah s bočním panelem, který se při rolování drží na místě. Úvodní část a patička přitom zůstanou přes celou šířku.

  • Designový panel prvku

    Písmo, barvy ze vzorníku webu, okraje, rámeček, zaoblení, stín i záře. Změna se projeví hned a každou vlastnost vrátíte zpět k výchozímu vzhledu.

  • Živá data

    Každé pole i seznam přepnete mezi „napevno“ a „z dat webu“ — články z rubriky, produkty s cenou, autoři, štítky, výsledky hledání, videa z YouTube kanálu.

  • Jedna šablona pro všechny detaily

    Detail článku, produktu, štítku nebo autora navrhnete jednou a platí pro všechny. Vyzkoušíte si ho na konkrétním článku, než ho pustíte ven.

  • Chování bez skriptů

    Slider, akordeon, záložky, lightbox, odpočet, vyskakovací okno při odchodu ze stránky nebo okno s formulářem po kliknutí na tlačítko.

  • Historie změn

    Tlačítko Zpět vrátí posledních dvacet kroků. V historii navíc vidíte, kdo co změnil — člověk, AI nebo import — a vrátíte se k libovolnému bodu v čase.

Obrazovka AI Studia: vlevo konverzace, vpravo plátno se stránkou, nad oběma společná lišta s výběrem stránky a verze
Konverzace a plátno na jedné obrazovce. Nad nimi vyberete stránku nebo šablonu a verzi webu, ve které pracujete.
Historie změn vzhledu: seznam úprav s autorem, časem a tlačítky pro vrácení
Historie změn ukazuje, kdo co upravil, a každou dávku změn vrátíte jedním kliknutím.

Sekce a téma

Stavebnice, návrhář a vzhled celého webu

Stránka se skládá z hotových sekcí. Když žádná nesedí, navrhnete si vlastní. A barvy, písma či tvar tlačítek změníte jednou pro celý web.

  • Přes 70 hotových sekcí

    Úvody, texty, galerie, výpisy, reference, ceníky, výzvy k akci, kontakty a formuláře, hlavičky a patičky, detail článku i e-shop. Každá s náhledem ve vzhledu vašeho webu.

  • Návrhář sekcí

    Vlastní sekci poskládáte tažením prvků — nadpis, text, tlačítko, obrázek, seznam, tabulka, sloupce, opakovaná karta, počítadlo, odpočet. S vodítky a náhledem na tři šířky obrazovky.

  • Upravitelná kopie

    Hotovou sekci zduplikujete jako vlastní a v návrháři ji předěláte. Originál v katalogu zůstane nedotčený.

  • Téma bez CSS

    Barvy webu, písma nadpisů, textu i navigace, rozestupy, zaoblení, tlačítka, odkazy, karty a formuláře. Se živým vzorníkem vedle.

  • 106 písem s diakritikou

    V osmi skupinách od bezpatkových po rukopisná. Každé je ve výběru vidět svým vlastním řezem a každé zvládne češtinu.

  • 11 připravených vzhledů a tmavý režim

    Hotové předlohy s ohlídaným kontrastem si prohlédnete bez uložení. Tmavý režim se z tématu dopočítá sám.

Návrhář sekcí: vlevo paleta prvků, uprostřed skládaná sekce, vpravo vlastnosti vybraného prvku
Návrhář sekcí: prvky z palety vlevo, sekce uprostřed, vlastnosti vybraného prvku vpravo.
Galerie připravených vzhledů s paletami barev a náhledem typografie
Připravené vzhledy: klik ukáže náhled, „Použít“ z něj udělá téma, které dál upravíte.

Nový vzhled chystáte vedle živého webu

Redesign nemusí probíhat za provozu. Založíte pracovní verzi — prázdnou, nebo jako kopii současného webu — a pracujete v ní, zatímco návštěvníci dál vidí původní podobu. Verze má vlastní téma, obsah (články, menu, adresy) zůstává společný.

Rozpracovanou verzi ukážete klientovi nebo kolegům odkazem, bez přihlašování. Náhled se nedostane do vyhledávačů ani do statistik a odkaz kdykoli zneplatníte. Na kartě verze vidíte náhled z počítače i z mobilu a paletu barev.

Když se design povede na jedné stránce, aplikujete ho na další — úvod, detail článku, výpis rubriky, stránku 404. AI to sama nabídne. Až je všechno hotové, verzi jedním krokem zveřejníte. Předchozí zůstane v archivu.

Mapa všech stránek

Přehled ukáže každý typ stránky, který váš web používá — i ty, které zatím vlastní podobu nemají. Kliknutím ji založíte. Web bez e-shopu přitom neuvidí pokladnu, nabídka se řídí tím, co opravdu provozujete.

Obrazovka Verze vzhledu: živá verze a vedle ní rozpracovaná pracovní verze s náhledem
Živá verze a pracovní verze vedle sebe. Návštěvníci vidí jen tu živou.

Převzetí vzhledu

Nezačínáte od prázdné stránky

Přecházíte z jiného systému, nebo chcete stávající web převést do builderu? Podle toho, co máte, zvolíte jednu ze tří cest.

  • Převod webu do builderu

    Web, který u nás běží na klasické šabloně, systém projde a rozřeže na části — hlavičku, patičku, boční sloupec i obsah stránek — i s obrázky a styly. Části pak převede na upravitelné sekce.

  • Vzhled podle adresy

    Napíšete adresu dosavadního webu, ze kterého přecházíte, a AI z něj změří barvy, písma, zaoblení a rozestupy. Nejdřív je navrhne, do tématu je zapíše až na váš pokyn.

  • Předloha ze screenshotu

    Vložíte obrázek návrhu nebo stránky a Studio podle něj postaví stránku ze sekcí. Barvy z obrázku změří, nehádá je, a výsledek porovná s předlohou.

Jak převod do builderu probíhá

Vyberete, jestli chcete vzorek — po jedné stránce od každého druhu — nebo všechny stránky, ze kterých vyškrtáte, co nepotřebujete. Import míří vždy do pracovní verze, takže živý web se ani na chvíli nezmění. Přenesou se i běžné interakce: mobilní menu, rozbalovací otázky, záložky, slider nebo zvětšování obrázků.

Co se převést nepodařilo, uvidíte v přehledu na konci, a nepovedený import celý vrátíte. Hotovou šablonu v HTML a CSS můžete nahrát i jako archiv ZIP.

Studio umí z cizího webu stáhnout i skutečné fotografie a uložit je do vaší knihovny médií, aby stránka nestála na zástupných obrázcích. Používejte to jen u obsahu, ke kterému máte práva.

Import vzhledu: načtení současného webu, nahrání šablony ze ZIP archivu a volba způsobu převodu
Import vzhledu: načtení současného webu, nebo nahrání hotové šablony v archivu ZIP.

Zábradlí

Pravidla, která Studio dodržuje

  • Nezveřejní nic samo

    Publikace je vždy vědomý krok člověka. Dokud ho neuděláte, stránka zůstává v konceptu.

  • Nedělá redesign, když ho nechcete

    Když řeknete „změň písmo", změní se písmo a nic jiného. Přestavbu vzhledu dělá jen na výslovné přání.

  • Vlastní markup jen v pískovišti

    Když Studio vytváří úplně novou sekci, její šablona běží v omezeném prostředí bez skriptů a vkládání cizího obsahu. Každá verze je neměnná.

  • Zapíná se vědomě

    AI Studio je u každého webu ve výchozím stavu vypnuté. Zapnete ho, až budete chtít.

Kredity

Platíte za spotřebu, ne za zprávy

Studio spotřebovává AI kredity a účtuje se skutečná spotřeba, ne paušál za konverzaci. Placené tarify mají měsíční příděl, web na Zkušebním tarifu dostane jednorázově 50 kreditů při založení. Další kredity jde kdykoli dokoupit. Nevyčerpaný příděl na konci období propadá, dokoupené kredity ne — čerpá se nejdřív z přídělu.

Kredity patří webu, ne účtu. U klientských webů tedy poznáte, kde se utrácí. Každý pohyb má záznam: kdy, jaká funkce, jaký model, kolik kreditů a jaký zůstatek zbyl.

Ruční úpravy v builderu kredity nespotřebovávají. Platíte jen za to, co skutečně udělá AI.

Přehled AI kreditů — zůstatek z měsíčního přídělu a dokoupených kreditů, pod tím tabulka pohybů
Měsíční příděl a dokoupené kredity jsou vedené zvlášť, každý pohyb má svůj záznam.

Upřímně

Kdy se hodí něco jiného

Studio nemá smysl tam, kde máte hotovou grafiku a chcete ji dodržet do posledního pixelu — to je práce pro vlastní HTML/CSS šablonu. Hodí se na stránky, které vznikají rychle a často: kampaně, microsites, přistávací stránky a jejich varianty.

Obě cesty jdou kombinovat. Web může běžet na vlastní kódované šabloně a jednotlivé stránky přesto skládat ve Studiu.

Otázky

Časté otázky k AI Studiu

Nebude web vypadat jako každý druhý web od AI?

Studio skládá stránku ze sekcí vašeho webu a barvy s fonty bere z vašeho nastavení. Výsledek se drží vaší značky, ne obecné šablony.

Co když se výsledek nepovede?

Řeknete, co změnit, a Studio to upraví. Změny vzhledu jsou verzované, takže se vždy vrátíte o krok zpět. A stránku můžete kdykoli doladit ručně.

Musím umět psát prompty?

Ne. Píšete česky a normálně, jako byste to zadávali kolegovi. Když bude něco chybět, Studio se doptá.

Můžu stránku potom editovat ručně?

Ano. Je to běžná stránka webu — otevřete ji v builderu nebo v editoru a upravíte jako každou jinou.

Převezmu vzhled svého současného webu?

Ano, dvěma způsoby. Z adresy dosavadního webu AI převezme barvy, písma a rozestupy a stránky podle něj poskládá ze sekcí; skutečné fotografie si může stáhnout do vaší knihovny. A web, který u nás už běží na klasické šabloně, převedete do builderu importem — rozřeže se na upravitelné sekce v pracovní verzi, živý web se mezitím nemění.

Můžu takhle převzít i cizí web?

Věrně se přenáší jen vzhled vašeho vlastního webu. U cizího webu převezmete charakter — barvy, písma, rozestupy — a Studio podle něj postaví stránku ze sekcí. Kopii cizího designu 1:1 systém záměrně nedělá.

Uvidí návštěvníci rozpracovaný redesign?

Ne. Nový vzhled chystáte v pracovní verzi a návštěvníci vidí původní web, dokud verzi nezveřejníte. Náhled můžete ukázat odkazem, kdo ho nemá, nic nevidí.

Jaký model to používá?

Claude nebo OpenAI, volba je nastavení konkrétního webu.

Co se stane, když zpracování selže?

Zpráva skončí jako neúspěšná i s popisem chyby a pošlete ji znovu. Automaticky se neopakuje, aby se vám nezaúčtovala dvakrát.

Dostupnost

AI Studio je součástí tarifů, které mají zapnutý modul builderu, a spotřebovává AI kredity z měsíčního přídělu tarifu. Rozsah najdete v ceníku.

Zkuste jednu stránku

Založte si účet zdarma, napište Studiu jednu větu a podívejte se, co z toho vznikne.

Vyzkoušet zdarma Prohlédnout funkce