V roce 2025 jsme byli mezi top 1 % tvůrců na Frameru, a přesto jsme vlastní web postavili na vlastním kódu. Není to rozpor. Framer drží web v mantinelech, kód dává svobodu. Rozhoduje, co z toho projekt potřebuje.
S AI dnes postaví web skoro každý, ať už na Frameru, nebo vibecodingem. Stačí Framer agentovi nebo nástrojům jako Claude Code, Cursor či Lovable popsat, co chcete, a za pár minut máte návrh stránek. Vibecoding se stal dokonce slovem roku 2025 podle Collinsova slovníku a na trhu od té doby vedle sebe stojí dva přístupy: platformy jako Framer, kde celý kód, tedy „motor“ webu, drží pod kapotou samotná platforma, a weby psané v kódu s pomocí AI, kde si „motor“ stavíte celý sami. My v Groovio používáme pro tvorbu webů oba přístupy a pokaždé pečlivě vybíráme, kdy se který z nich vyplatí, a kdy ne.
Framer funguje podobně jako grafický editor. Web se v něm skládá na plátně z jednotlivých prvků: textů, obrázků, videí, tlačítek a sekcí. Pro každý prvek nastavíte, jak vypadá na počítači, tabletu i mobilu, a přidáte mu animace. Opakující se obsah, jako jsou články, reference nebo pracovní nabídky, se ukládá do správce obsahu (CMS), který si můžete představit jako přehlednou tabulku. Když je návrh hotový, stačí kliknout na Publikovat. Framer z návrhu sám vytvoří kód a web zveřejní na svých serverech pod vaší doménou. Klient se pak do Frameru přihlásí a texty nebo obrázky upravuje přímo na stránce, bez vývojáře a bez znalosti kódu.
Naproti tomu stojí vibecoding, pojem, se kterým v únoru 2025 přišel Andrej Karpathy, jeden ze zakladatelů OpenAI. Tady se web nekreslí na plátně, ale vzniká jako sada souborů s kódem: jeden popisuje obsah stránek, další jejich vzhled a další, co se má stát po kliknutí nebo odeslání formuláře. Dřív tyhle soubory psal programátor řádek po řádku. Dnes AI napíšete zadání podobně jako kolegovi, třeba „přidej na úvodní stránku přehled referencí s filtrem podle oboru“, a AI agent jako Claude Code nebo Cursor kód napíše, spustí, ukáže výsledek a opraví případné chyby. Hotový web se pak nahraje na hosting, třeba na Vercel nebo vlastní server, a další úpravy probíhají stejně: zadáním pro AI nebo přes rozhraní, které se k webu postaví. Role vývojáře se tím posunula od psaní kódu k zadávání, řízení a kontrole.
Oba přístupy vedou ke stejnému cíli, k funkčnímu webu. Liší se v tom, kdo drží motor. U Frameru je kód schovaný pod kapotou platformy, ona ho udržuje a ona za něj ručí. U vibecodingu je kód váš. Můžete s ním udělat cokoli, ale také se o něj musíte postarat.
- Jak se web tvoří? Framer vizuálně v rozhraní platformy | vlastní kód popisem v přirozeném jazyce, kód píše AI
- Kdo píše a drží kód? Framer platforma, pod kapotou | vlastní kód vy, kód je váš
- Kde web běží? Framer jen na infrastruktuře Frameru | vlastní kód na hostingu podle volby, třeba Vercel nebo vlastní server
- Jak se web upravuje? Framer klient sám v editoru, nebo s Framer agentem | vlastní kód přes vývojáře, nebo přes postavené rozhraní, ideálně s AI agentem
- Kdo ručí za techniku? Framer platforma | vlastní kód ten, kdo kód postavil
V roce 2025 jsme jako Framer Pro Expert patřili mezi top 1 % tvůrců na platformě Framer a stále ho máme jako první volbu pro weby, jejichž hlavní úkol je atraktivně prezentovat: představit firmu, ukázat práci, získat poptávku. U takového webu rozhoduje design, rychlost spuštění a to, jestli si ho klient chce rozvíjet sám.
Technicky Framer vnímám trochu jako iOS v telefonu. Má pevně dané mantinely a nastavení, která nemusíme pro každý web vymýšlet znovu, a o jejich údržbu se stará někdo jiný. Hosting, předgenerování stránek, optimalizaci obrázků a písma i aktualizace platformy řeší Framer. Klient nemusí řešit servery ani aktualizace a my se můžeme naplno věnovat designu a obsahu.
Například u kanceláře pro správu majetku Eterniq jsme platformu volili právě tak, aby si web klient mohl vést sám. Obsah upravuje bez technické závislosti na nás.
- Prezentační a firemní weby, landing pages, kampaně
- Weby, kde obsah upravuje pravidelně marketing nebo majitel
- Strukturou dat méně náročný obsah jako blog, reference, kariéra
- Rychlá reakce na designové úpravy
- Projekty, kde je důležité spustit rychle a snadno web udržovat
Jakmile web potřebuje přihlášení, uživatelské role, platby nebo vlastní aplikační logiku, narážíte na hranice platformy. Framer navíc neumožňuje export kódu. Web běží na jeho infrastruktuře a jinam ho nepřestěhujete.
Tady přichází na řadu vývoj v kódu. Díky AI je dnes dostupný i pro projekty, kde by se dřív nevyplatil.
Příklad z praxe: náš vlastní web. Groovio.cz jsme v roce 2026 přestavěli z Frameru na vlastní kód. Ne proto, že by se ve Frameru nedal postavit unikátní web. Dá. Jenže jakmile mají jednotlivé části webu spolu komunikovat, třeba propojit informace z databáze projektů, zobrazovat je v interaktivních výpisech s pokročilými hover efekty a filtrovat napříč celým obsahem, začne CMS Frameru svazovat ruce. Framer sice umí i vlastní komponenty v Reactu a napojení přes API, ale od určité složitosti je obcházení platformy dražší, než postavit to rovnou v kódu. S vlastním kódem prakticky nenarážíme na omezení a máme úplnou svobodu v tom, jak obsah kreativně podáme.
- Zákaznické zóny, přihlášení, role a oprávnění
- Napojení na interní systémy: sklad, CRM, rezervace, katalogy nabídek
- Platby a e-commerce s vlastní logikou
- Velké objemy dat, které se nepíšou ručně, ale synchronizují
- Plná kontrola nad kódem, hostingem a budoucí migrací
Tahle svoboda má ale svou cenu. Vlastní kód potřebuje víc technických znalostí, víc testování a někoho, kdo za něj dlouhodobě ručí. Každá věc, kterou si můžete postavit po svém, je zároveň věc, kterou můžete postavit špatně.
Nepodléhejte představě, že AI je zkratka a tvorba webu s ní zabere méně času. Ten čas se jen přesunul: nyní trávíme méně času ručním skládáním webu a více analýzou, navrhováním ještě pokročilejšího designu, detaily, textovým i obrazovým obsahem, technickým řešením a jeho vylepšováním a v neposlední řadě kontrolou kvality výstupu.
Framer je pro mě nástroj, který drží web v mantinelech, které dávají smysl. Stejně jako iOS v telefonu za vás hlídá, aby se nemělo o co zakopnout. Kód mantinely nemá. A to je jeho největší výhoda i největší riziko zároveň.
Proto se při výběru neptám, jestli je lepší Framer, nebo kód. Ptám se, jestli projekt potřebuje mantinely, nebo svobodu. A jestli je na druhé straně někdo, kdo tu svobodu umí unést.
A ještě jednu věc je fér říct otevřeně. Web ve Frameru si klient vede sám a na dodavateli závislý není. U vlastního kódu je závislost větší: na nás, nebo na komkoli, kdo kódu rozumí. I to patří do rozhodnutí.
Vibecodovaný prezentační web vypadá jako levná zkratka. Často ale jen přesouvá náklady do budoucna a může být pastí pro nezkušené, kteří důvěřují schopnostem AI, nedávají jí správné zadání, neověřují výstupy, neopravují její chyby a nevědí, jak má výsledek vypadat, aby fungoval nejen sám o sobě, ale i jako součást celé vaší prezentace.
Data to potvrzují. Podle studie Veracode z roku 2025 zanesl AI generovaný kód bezpečnostní zranitelnost ve 45 % testovaných případů. Neznamená to, že je kód od AI špatný. Znamená to, že potřebuje někoho, kdo mu rozumí a ví, co zkontrolovat.
AI napíše kontaktní formulář během chvilky. Že potřebuje ochranu proti spamu, správné zpracování osobních údajů a srozumitelnou chybovou hlášku, ale musí vědět člověk, který zadání dává. A to nejdůležitější: musí počítat s tím, že AI dělá chyby. Čím dál méně, ale stále. Je na expertovi, aby ji zarazil nebo doplnil, když něco není navržené správně.
Opačný omyl je stavět ve Frameru aplikaci. Když projekt potřebuje přihlášení, platby nebo napojení na data, řešení v podobě externích pluginů a skriptů se rychle sčítají. Web se pak hůř udržuje než kód napsaný od začátku pořádně.
- Nedoporučoval bych vibecoding prezentačního webu, který si má klient spravovat sám
- Nedoporučoval bych nasazovat vygenerovaný kód bez kontroly, testů a odpovědného člověka
- Nedoporučoval bych skládat aplikaci s uživateli a daty z pluginů ve Frameru
- Nedoporučoval bych vybírat technologii podle trendu, ne podle toho, kdo a jak bude web používat
- 1.Kdo bude web každý den upravovat?
- 2.Je to prezentace, nebo aplikace s uživateli a daty?
- 3.Odkud se berou data: píšou se ručně, nebo přichází z jiného systému?
- 4.Jak rychle musí web běžet a jak často se bude měnit?
- 5.Kdo ponese odpovědnost za kód a bezpečnost za dva roky?
Na tyhle otázky odpovídáme s klientem ještě před návrhem. Odpovědi obvykle rozhodnou samy.
Mantinely tam, kde je web potřebuje. Svobodu tam, kde ji projekt unese.
Myslím si, že hranice mezi Framerem a kódem se bude dál smazávat a postavit web bude méně náročné než kdy dřív. Víc firem si ho zkusí udělat samo. Laťka kvality ale jde nahoru, a i když si průměrný web vygeneruje kdokoli, od studia se čeká víc než průměr.
Pro studia, jako je Groovio, je to podle mě tlak i příležitost zároveň. Tlak, protože průměrnost už neobstojí a dnešní nadprůměrnost za chvíli také ne. A příležitost, protože kvalitní tvorbu už nebrzdí technologie ani rozpočet na vývojáře. Omezit ji může jen vlastní představivost a zkušenost s tím, co funguje a co ne. Hodnota naší práce se tak přesouvá i mimo samotnou tvorbu, do konzultací a udržení kvality napříč celou prezentací firmy. Rozhoduje vkus, art direkce a schopnost držet krok s dobou. Přesně o tom jsem psal v článku AI je past průměrnosti.
Projdeme s vámi vaše podnikání a to, co má web přinést, a doporučíme řešení, které je pro vaše plány to pravé.
