AI-val épített weboldal 2026-ban: mit tud és mit nem tud Az AI?
AI-vezérelt vagy AI-asszisztált honlap? Amit a Claude, a Lovable, a Squarespace és a Shopify tesztje megmutatott
Az AI-vezérelt eszközök (Claude, Lovable) pár perc alatt generálnak egy első honlaptervet, de önmagukban nincs mögöttük hosting, biztonság vagy tartalomkezelő rendszer. Az AI-asszisztált platformok (Squarespace, Shopify) ezzel szemben kész, automatizáltan karbantartott háttérrendszert adnak, amikben beépített AI-funkciók segítenek a szöveg-, kép- és designkészítésben. Gyors ötleteléshez az előbbi, hosszú távon használható, bővíthető weboldalhoz az utóbbi a jobb választás.
2017 óta foglalkozom Shopify/ Squarespace oktatással és webdesignnal és az utóbbi hetekben, hónapokban többször kaptam meg a kérdést: “De miért nem csináltatod meg inkább AI-val azt a weboldalt?” És bevallom engem is már a kezdetektől nagyon foglalkoztatott a kérdés, hogy mennyire lehet használni az AI-t a webdesignban, mennyit tudunk kiszervezni, automatizáltan elkészíttetni vele, és mihez van/ lesz még egyáltalán szükség emberre?
Csakhogy sosem volt elég időm és energiám rá, hogy alaposabban utánanézzek a dolognak. Egy jó darabig csak információ morzsákat csipegettem innen-onnan.
Aztán amikor a nyári napfogyatkozás előtt készlethiány alakult ki a védő szemüvegekből, majdnem egy olyan oldalról vásároltam az utolsó utáni percekben, amiről ránézésre is egyből tudtam, hogy Claude-dal készült ugyanakkor nagyon profinak tűnt. Aztán pár héttel később olvastam a Forbes cikkét pont arról a párról, aki ezt a vállalkozást vitte, és egy hétvége alatt építette meg a webshopot, ült fel a hullámra és hozta ki belőle a maximumot.
Ekkor már tudtam, hogy itt az ideje, hogy utánajárjak alaposabban is: hogyan is van ez, mennyit kell hozzá tudni, lehet-e tényleg abszolút hozzá nem értő felhasználóként is, pár perc/ óra alatt honlapokat készíteni és aktiválni?
Ebben a cikkben nem megyek bele a technikai részletekbe, csak megmutatok pár dolgot: mit tud már az AI, és amit nem (feltétlenül egyetlen promttal vagy gombnyomással). Elmondom azt is, hogy mikor szoktam ajánlani, mikor nem, és hogy miért ragaszkodom még mindig a Squarespace-hez és a Shopify-hoz, és miért ezekkel dolgozom elsősorban.
AI-vezérelt megoldások:
amikor az AI épít neked egy oldalt a semmibŐl
Claude
Nézzétek meg nyugodtan azt az oldalt (Napsarló), amit feljebb említettem — belinkelem, hogy lássátok, mennyi mindent tud, és milyen jól felépítették. Rengeteg klassz funkciója van, nem egy statikus oldal. Hozzá kell tenni, hogy a srác a cikkben is elmondta: már egy ideje foglalkozott AI alapú honlapok készítésével, tehát nem a nulláról indult, tudta, mit csinál — ezért is sikerült viszonylag gyorsan megépíteniük ezt a honlapot.
Hogy megnézzük, hogyan is működik ez: én most minden előzetes branding vagy átgondolás nélkül csak bedobtam a Claude-nak egy promptot:
"Készíts egy Flow-air nevű minimalista, újhullámos virágüzletnek weblapot. Javasolj oldalakat is hozzá. A branding legyen letisztult, ugyanakkor bold, vastag, karakteres címsor betűtípussal és könnyen olvasható folyószöveg betűtípussal, és maximum két feltűnőbb arculati színnel."
Ennyi volt az egész — tényleg nem volt extrán átgondolt, csupán egy kísérlet. Ha van egy jó brand bookunk, egy márkakönyvünk, egy arculatunk, akkor szerintem nagyon klassz dolgokat lehet kihozni belőle.
Első körben így is megkérdezte, milyen oldalakat szeretnék beletenni, feldobott még pár kérdést, azokra válaszoltam, és egész ügyes javaslatai voltak.
Aztán elkészítette az első körös verziót.
FONTOS: a Claude nem tud képet generálni. Ha van saját képed, feltöltheted, ha nincs, vonalas mezőkkel jelzi, hova kerüljön kép.
Minden egyéb szöveg vagy adalékanyag nélkül nagyon jó felépítést javasolt egyébként.
Az arculattal, kinézettel kapcsolatban nekem lettek volna kivetnivalóim. Kíváncsi voltam, ha nem mondom meg, milyen színeket használ milyen lesz az összeállítás — én inkább zöldesebb, kékesebb árnyalatokra gondoltam volna. De lehet rajta változtatni: van egy Edit ikon, ha bárhova belekattintasz, megjelenik a kezelőpanel, és ha duplán kattintasz, a szöveget is átírhatod. Ha egy szín nem tetszik (például a szöveg fekete), azt is átváltoztathatod. Az oldalakat végig tudod kattintgatni, tudsz újakat létrehozni, és beszélgetéssel, promptolással is tovább tudod alakítani a dolgokat.
FONTOS KORLÁT: ha megvan ez a statikus oldal, az a Claude-ban marad — ez csak egy terv, maximum egy kód. Innentől akár élesíthetnéd is, csakhogy nincs mögötte domain, nincs hosting, nincs biztonsági rendszer, kezelőfelület pedig pláne. Ha egy statikus oldalad van, és soha nem szeretnéd megváltoztatni rajta a szöveget, nem akarsz blogolni, nem akarsz webshopot stb. - és Claude-al tervezteted meg az oldalt, akkor tudnod kell, hogy utána még pl. a GitHubbal és a Vercelel is lesz dolgod, beállítani/ feltölteni valód a hosting illetve élesítés miatt. És ha CMS-t (tartalomkezelő rendszert) is szeretnél a honlapod mögé bekötni - ahhoz, hogy bármi tartalmat (szöveget, képet) meg tudj rajta változtatni - akkor többek között a Keystatic lehet segítségedre.
Szóval a Claude kezdetnek, tervezéshez, kódoláshoz abszolút jó lehet, de nézzünk meg egy másik verziót is.
Lovable
Biztos hallottál már a Base44-ről, Replit-ről vagy a Lovable-ről, ahol "vibe coding"-gal lehet oldalakat létrehozni. Nézzük mit tud a Lovable.
Itt is pontosan ugyanazt a promptot adtam meg, mint a Claude-nál — kíváncsi voltam, mit hoz ki belőle.
A Lovable nem tett fel további kérdéseket, csak három verziót mutatott, és általam az egyikre rábökve generálta le végül az oldalakat.
Meglepő volt itt is a színválasztás — a pirosat biztos elvetném. De egyébként nem rossz, maga a design: alap, minimalista, mégis bold, ahogy kértem. Vannak javasolt oldalak, vannak javasolt információk — nyilván át kell nézni itt is a szövegeket.
Viszont itt már hiába kattintgatok bele, nincs olyan opció, hogy szerkeszteni tudnám az oldalt közvetlenül. Itt további promptolással, vibe kódolással lehet változtatni bármin. Ez jó lehet olyannak, aki kevésbé ért hozzá, vagy nem akar beállításokat gombokkal nyomogatva babrálni.
FONTOS: Itt (is) a módosításokat kredit alapon fizeted. Az előfizetéssel kicsit messzebb jutsz, mint az ingyenes fiókban. De nagyon nehéz előre kiszámolni a pontos költségeket. Annál többer kerül, minél több a változtatás, minél több a végrehajtandó prompt.
A Loveable-ben van egy minimális kezelő felülete a weboldalnak, amit tervezel. Itt:
Fájlokat tölthetsz fel (pl. ha megvannak az oldalszövegeid, egy helyen kezelheted őket).
Van egy kódrész, ahol megnézheted, hogyan kódolta az oldalt maga a Lovable.
Van egy admin-szerű felület is, ahol — ha pl. webshopot szeretnél — fizetési szolgáltatót, tárhelyet/felhőt kapcsolhatsz hozzá, és SEO-beállításokat is variálhatsz.
Ha szeretnéd, itt egyből aktiválni is tudod a honlapot. Ha domaint kötsz mögé, egyből éles lehet a Lovable-ön készült oldalad.
Ahogy említettem ez sem ingyenes weboldal készítő megoldás. Díja van magának a szerkesztésnek is - mire eljutsz a végkifejletig, plusz a hostingnak vagyis annak is, hogy folyamatosan élő és elérhető legyen az oldal.
De létezik, tudod használni, tudsz játszani vele és nagyon klassz dolgok létrehozására képes.
AI-asszisztált megoldások:
amikor AZ emberi designt segíti az AI
A Claude és a Lovable inkább AI-vezérelt lehetőségek arra, hogy létrehozz egy oldalt. A Squarespace és a Shopify viszont inkább AI-asszisztált: vagyis tartalmaznak AI-megoldásokat, de nem AI-on alapul az egész működésük. Nagyon sok helyen bele tudsz nyúlni, személyesen is tervezni, változtatni a weboldalakon.
Squarespace
A Squarespace-en is van arra lehetőség, hogy ha abszolút a nulláról indulsz is, javasol neked rengeteg dolgot már a kezdetekben. Például a megadott minimális infok alapján a vállalkozásodról: design és szöveg stílust, tartalmakat, oldalakat, felépítést.
FONTOS: Megkérdezi azt is, hogy mi lesz az oldal fő célja, kapcsolatfelvétel, értékesítés stb. Én a shopot itt nem szoktam javasolni, mert webshopra, online értékesítésre mindig a Shopify-t ajánlom. (Amit egyébként a háttérben is be lehet építeni a Squarrespace mögé.)
Ezután választhatunk egy színpalettát és egy betűtípus párt — ezek csak első javaslatok, később bármikor átvariálhatók. És itt történik a "varázslat": kapunk egy alap, mégis a vállalkozásunkra szabott sablont, és a mi dolgunk, hogy kitöltsük szövegekkel a hiányzó részeket, további oldalakat hozzunk létre, ha szükséges, felépítsük és megtöltsük képekkel, tartalommal az egyes szekciókat.
(A Squarespace-ből egyébként bármelyik, Lovable vagy Claude által javasolt dizájnt is létre lehet hozni — itt tényleg a határ a csilalgos ég, szinte bármit létre tudunk hozni vizuálisan.)
A Squaresapceben a szövegek, képek szerkesztésénél is van már AI-asszisztencia: tudok szöveget generáltatni vele, vagy akár képet is (nem csak feltölteni, vagy ingyenes adatbázisból kikeresni). Ez is kreditekért cserébe működik, de ezzel is lehet játszani, ha semmilyen alapanyagom, tartalmam nincs a weboldalhoz.
A szerkesztő rendszer, az admin felület sokkal könnyebben kezelhető, mint a Claude-nál vagy a Lovable-nél. Tudok a menübe plusz oldalt hozzáadni, nem linkelt oldalt is nagyon egyszerűen. Sőt, egyből megkérdezi, milyen típusú oldalt szeretnék, és javasol különböző felépítéseket — Rólam oldalra, Kontakt oldalra, GYIK-re, termékoldalra, bármire. Ezekből válogathatok, de teljesen át is tudom variálni, vagy létrehozhatok egy üres oldalt is.
Egy oldal szerkesztésekor ugyanúgy, mint bármilyen más ismert szerkesztőben, tudom variálni a betűtípust, címsort, folyószöveget. Képeknél is rengeteg beállítási lehetőség van — itt sem részletezem, mert az külön tanfolyam lenne.
Mikor nem elég a Squarespace? Ha szeretnénk egy előfizetéses rendszerű (pl. virágküldést) vagy rendelési lehetőséget beépíteni, az elég nehezen megoldható Squarespace-ben — ilyenkor, ahogy említettem a Shopify hozzákapcsolását javasolom vagy eleve egy, a Shopify-on épített oldalt.
Shopify
Itt létrehoztam egy alap regisztrációt, és beléptem az adminba. Egyből a főoldalra kerülve mutatja a lépéseket, írja, hogy még nem állunk készen az értékesítésre, de ha sorba veszem a javasolt beállításokat, akkor nagyon hamar felépíthetem a Shopify-oldalamat.
Kezdjük a termékfeltöltéssel, mert ha van már termékünk, azt meg tudjuk jeleníteni a webshopban is, így látványosabb. Egyből megnyílik a Shopify AI csevegőpanelje és asszisztenciája, a Sidekick, és kérdezi, mi lenne az a termék, amit fel szeretnénk tölteni, van-e hozzá kép, van-e hozzá szöveg, és segít mindenben. Ő is tud képet generálni és akár szövget is.
Feltöltöttem egy képet (amit a Lovable által generáltak közül vettem), és beírtam hozzá az ott megtalálható alapadatokat is az első termékünkhöz.
A Shopify termékoldalon, az adminban, ha mondjuk egy virágcsokrot szeretnél eladni, elég sok mindent kellene kitöltened. De én most itt az egyszerűség kedvéért feltöltöttem egy képet, és megadtam egy pár soros leírást — a Sidekick kitöltötte a teljes termékoldalt, generált hozzá szövegeket. (Nyilván mindent át kell olvasni, jóváhagyni vagy felülírni, ha nem tetszik.) Betette a képet, amit adtam neki, kitöltötte az árat. A termék súlyát természetesen nem adta meg — a szállítási beállításoknál még ezzel is el el lehet játszani. Viszont kitöltötte a SEO-leírást is, a meta címet, és már csak annyi a dolgom, hogy elmentem a termékoldalt — és máris van egy termékünk, ami elérhető és vásárolható a webshopban.
A webshop nyilván még nem éles, rengeteg háttérbeállításra lesz szükség. Nézzük meg, ha bemegyek az online áruház kinézetének beállításához és segítségül hívom a Sidekicket: milyen téma-beállításokban tud segíteni?
Ismét, ha lenne egy brand bookom, egy márkakönyvem, egy tényleg kidolgozott arculatom, és ezt feltölteném neki, akkor behúzná és beállítaná egyből az összes színt, betűtípust, fejlécet, navigációt. Ha lenne logom, azt is be tudná tenni a megfelelő helyekre, illetve segítene a szekciók felépítésében, fejléc, lábléc beállításában, képek, videók feltöltésében... Ez azt jelenti, hogy nem kellene egyesével nekem beállítanom minden egyes pontot (pl. milyen színpalettát szeretnék, azon belül milyen legyen a színe a háttereknek, a fontoknak, a gombokoknak stb.) — ő ezt mind pár másodperc alatt beállítja nekem.
Összefoglalás: mikor melyiket érdemes választani?
Az AI szuper egy szuper hatékony segítség lehet. Igazán klasz dolgokat tud már most is. Vannak egészen jó ötletei, amiket be lehet építeni, amikre lehet támaszkodni. Viszont pár perc alatt, egy kattintással weblapot létrehozni vele - azért ez nem ennyire könnyű, mint ahogy hangzik.
Én továbbra is a Squarespace-t és a Shopify-t szoktam háttérrendszerként ajánlani, mert ezek időtálló platformok:
gondoskodnak a biztonságról,
hostingolják az oldaladat,
képeket, videókat nagyon nagy mennyiségben tudsz rájuk feltölteni,
saját domaint könnyű mögé kapcsolni,
van CMS-rendszerük — vagyis tudod a tartalmakat változtatni, plusz oldalt hozzáadni, terméket cserélni, szöveget átírni, beállításokat módosítani,
biztonságosabbak,
könnyebben optimalizálhatóak SEO és AEO szempontól is és
számtalan integrációt tudsz hozzájuk kapcsolni.
Lássuk táblázatos formában:
| Szempont | AI-vezérelt (Claude, Lovable) | AI-asszisztált (Squarespace, Shopify) |
|---|---|---|
| Ki irányít | Az AI generálja le az oldalt, te promptolsz | Te építed, az AI segít (szöveg, kép, design) |
| Sebesség indulásnál | Percek alatt kész egy első verzió | Néhány órás/napos folyamat, de irányítottabb |
| Szerkeszthetőség utólag | Korlátozott, gyakran csak promptolással | Teljes körű, vizuális szerkesztőfelülettel |
| Hosting, domain, biztonság | Claude: Külön kell megoldani (pl. GitHub, Vercel), Lovable: a felületen belül megoldott | Beépítve, azonnal elérhető |
| CMS / tartalomkezelés | Alapból nincs, külön eszközt kell hozzákapcsolni (pl. Keystatic) vagy lefejleszteni | Beépített CMS, bárki tudja kezelni |
| Webshop-funkciók | Megoldható, de pluszban kell lefejleszteni | Teljes körű (Shopify), vagy angol nyelvű (Squarespace) |
| Költség jellege | Kredit alapú, nehezen kiszámítható | Előfizetéses, kiszámíthatóbb |
| Kinek való | Gyors ötletelésre, tervezésre, technikailag magabiztosaknak | Hosszú távú, karbantartható, bővíthető oldalra bárkinek |
Hivatkozott oldalak és források:
Gyakran ismételt kérdések
-
Az AI-vezérelt megoldásoknál (pl. Claude, Lovable) az AI generálja le a teljes oldalt egy prompt alapján, és utólag is elsősorban promptolással vagy korlátozott szerkesztőfelülettel lehet módosítani. Az AI-asszisztált megoldásoknál (pl. Squarespace, Shopify) egy kész, ember által is könnyedén, a megszokott módokon szerkeszthető platformon dolgozol, amelybe AI-funkciók (szöveg-, kép- és designgenerálás) vannak beépítve segítségként.
-
Igen, egy prompt alapján mindkettő gyorsan generál egy első verziót oldalakkal, szövegekkel és designjavaslattal. Fontos korlát azonban, hogy ez önmagában csak egy terv: az élesítéshez domain, hosting, biztonsági rendszer és akár tartalomkezelő (CMS) szükséges, amit külön kell hozzákötni vagy megoldani.
-
Mert ezek a platformok időtálló, kész háttérrendszert adnak: hostingot, biztonságot, domainkezelést, CMS-t a folyamatos tartalomfrissítéshez, és további integrációkat, funkcionális megoldásokat. Az AI-vezérelt oldalaknál ezeket külön kellene megoldani.
-
Nem — a Claude nem generál képet, csak vonalas mezőkkel jelzi, hova kerülne kép, ha nincs saját anyagod feltöltve.
-
Ha a weboldalnak webshop-funkcióra van szüksége — vagy akár előfizetéses rendszerű értékesítésre — azt a Shopify jobban ki tudja szolgálni, mint a Squarespace.
