AI weboldal készítés 2026: miért nem 10 ezer forint, és hogyan csináld jól

Mostanában mindenhol AI weboldal-generátorokba botlasz. Hirdetések, YouTube videók, Facebook posztok — mindenki ígéri, hogy 10 perc alatt, pár kattintással kész lesz a weboldalad. Nyomsz egy gombot, beírod mit szeretnél, és kapsz egy működő oldalt.

Igen is, meg nem is.

Én már több AI eszközt kipróbáltam az elmúlt időszakban — volt köztük olyan, ami három generálás után már fizetős csomagra ugratott, és olyan is, ami szépen nézett ki, de használhatatlan kódot adott a végén. 2026 májusában a Claude.ai/design jön be a legjobban, és ezt használom most a napi munkámban is.

De ahhoz, hogy tényleg használható weboldalad legyen a végén — és ne csak egy szép, de üres dizájn — kell egy módszer. Ebben a cikkben végigveszem azt, amit én csinálok, lépésről lépésre.

Egy dolgot előre tisztázzunk: ez nem az a cikk, ami azt mondja, hogy „nyomj egy gombot és kész”. A végén kiderül, miért nem ennyire egyszerű ez még most sem.

Kinek szól ez a cikk?

Ez a cikk neked szól, ha:

• webfejlesztő vagy, és gyorsítanád a munkafolyamatodat
• saját magadnak vagy egy ismerősnek készítenél weboldalt
• minimális technikai tudásod van, vagy nyitott vagy rá, hogy napokat-heteket beletegyél a tanulásba

És őszintén szólva nem neked szól, ha 10 ezer forintból szeretnél egy kész weboldalt mindenféle utómunka nélkül. Sajnos a mostani technológia még nem ad ehhez eszközt. Erről a cikk végén bővebben is írok, mert ez egy fontos pont, amit a legtöbb AI weboldal-hirdetés elhallgat.

1. lépés: a szöveg jön először, nem a design

Ez talán a legfontosabb pont az egész módszerből. Hiába a legjobb AI design eszköz a piacon, ha nincs mit beletenni.

Az AI nem fogja eldönteni helyetted, hogy:

• kinek szól a weboldalad
• mit akarsz eladni rajta
• mi a fő üzeneted
• mi a hívás (CTA), amit a látogatónak meg kell tennie

Ezt neked kell kitalálni, és először szöveg formájában megfogalmazni. Én ezt általában egy sima Claude chatben csinálom — leírom a vállalkozás lényegét, a célközönséget, és kérem a szövegeket szekciónként. Hero, szolgáltatások, rólunk, vélemények, kapcsolat — mindent.

Az első projekteimnél pont ezt szúrtam el: rögtön a design eszközzel kezdtem, és csodálkoztam, hogy semmilyen, generikus eredményt ad. Azóta tudom, hogy szöveg nélkül nincs miről beszélnünk az AI-val.

Hogy hogyan írj olyan promptot, amivel tényleg jó szövegeket kapsz, arról hamarosan külön cikket írok.

2. lépés: style guide készítés a chatben

Ha megvannak a szövegek, a következő lépés a style guide. Ez azért fontos, mert az AI design eszközöknek konkrét irányt kell adni, különben kapsz egy átlagos, kicsit sablonos eredményt — pont azt, amit el akarunk kerülni.

A chatben megkérem, hogy a szövegek és a vállalkozás jellege alapján csináljon egy style guide-ot:

• színpaletta (elsődleges, másodlagos, kiemelő színek)
• tipográfia (cím és szövegtörzs betűtípus)
• hangulat (modern és minimál, vagy meleg és barátságos, vagy szakmai és technikás)
• vizuális irány

Itt van egy trükk, ami sokat dob: ha vannak referencia weboldalak vagy képek, amik tetszenek — akár konkurensek, akár csak inspirációk — töltsd fel a chatbe. Így sokkal pontosabban elkapja azt a vibe-ot, amit szeretnél. Nálam pl. egy ügyfélnek minimalista, skandináv hangulatot szerettünk volna — két referencia kép után pontosan ezt hozta.

3. lépés: miért a Claude.ai/design?

Próbáltam már több AI weboldal-generátort, és mindegyiknek megvan a maga erőssége. De 2026 májusában a Claude.ai/design jön be a legjobban a munkámba, és ennek két fő oka van.

Az első: értelmesen reagál a részletes promptra. Ha beadom a style guide-ot meg a kész szövegeket, tényleg azt csinálja, amit kérek — nem találgat, nem dob be random Lorem ipsumot, nem kezd el saját szöveget gyártani (ha jól promptolod, de erről lentebb még írok).

A második: a generált kód viszonylag tiszta, és letölthető. Ez azért fontos, mert utána Bricks Builderbe akarom vinni — szóval nem akarok egy zárt rendszerben ragadni, ahonnan nem tudom kihozni a munkámat.

4. lépés: a weboldal generálása

Most jön a tényleges design. Beadom a style guide-ot, a szövegeket, és megkérem, hogy generáljon egy weboldalt.

Pár dolog, amire nagyon figyelni kell:

Képek: a Claude.ai/design még nem kezeli jól a képeket. Ezért rögtön az elején megkérem, hogy minden képhelyre tegyen placeholdert. Ezeket utána én cserélem ki valós képekre — vagy egy fotózásból, vagy stock képekkel, vagy AI-jal generálva.

Szöveghűség: ez kritikus. Az AI-nak megvan az a szokása, hogy ha hosszabb szöveget kap, néhol kitalál saját mondatokat, „javít” rajtuk, vagy egyszerűen mást ír. Az előre megírt szövegnek pontosan ott kell lennie a kész designban — nem kicsit másképp, nem hasonlóan, hanem szóról szóra. Egyszer azt vettem észre, hogy egy ügyfél „rólunk” szövegét teljesen átfogalmazta — ha nem ellenőrzöm, kimegy az oldal kamu infókkal.

Iteráció: ha valami nem tetszik, nem kell az egészet újragenerálni. Egyesével lehet megjelölni, hogy mi jó és mi nem, és kérni, hogy konkrétan azt a részt módosítsa. Ez gyorsabb és kontrollálhatóbb, mint újra és újra prompttal próbálkozni.

5. lépés: ellenőrzés

Mielőtt továbblépnék, mindig átnézem a kész designt:

• A szövegek tényleg az eredetiek? Nincs benne kitalált rész?
• Minden szekció ott van, amit kértem?
• A style guide-nak megfelelő a végeredmény?

Ez a 10 perc megspórol később egy órákat — mert ha most átsiklasz egy hibán, később sokkal nehezebb kijavítani.

6. lépés: a kész design — mi jön most?

Itt két irányba mehetsz, attól függően, hogy mit szeretnél a végén.

Manuális összerakás Bricks Builderben

Ez az, amit én szoktam csinálni. A folyamat:

1. Letöltöm a kész HTML-t a Claude.ai/designból
2. Oldalanként visszateszem a Claude chatbe, és megkérem, hogy csináljon belőle copy-paste formátumú szöveget — szekciónként rendezve
3. Bricks Builderben szekciónként beillesztem
4. Apróbb finomításokat csinálok a designon, hogy minden a helyén legyen

Ez nem 100%-os átültetés, kell még némi finomhangolás. De kb. 80%-ban megcsinálja a munkát, és iszonyúan felgyorsítja a folyamatot. Onnantól pedig ugyanúgy szerkesztheted az oldalt, mintha az elejétől kézzel csináltad volna — semmilyen kötöttség nincs.

AI szolgáltató saját domainen

Ha van technikai tudásod, akár WordPress nélkül is elindíthatod az oldalt — közvetlenül a generált HTML-ből, saját hostingon.

Ha pedig nem akarsz ezzel foglalkozni, vannak olyan szolgáltatók, amik havi díj fejében élesítik az oldalt a saját domaineden, és ők kezelik a technikai részt. Ez kényelmes megoldás, viszont két dolgot érdemes tudni: cserébe havi díjat fogsz fizetni amíg él az oldal, és sokszor nehézkesebb szerkeszteni utólag, mert nem egy szabványos rendszerben fut.

A buktató, amiről senki nem beszél

Itt jön az a rész, amit egyik AI weboldal-hirdetés sem mond el.

Ezek az eszközök tokenekkel működnek. Minden generálás, minden módosítás, minden iteráció token. Egy idő után elfogynak, és nagyobb csomagra kell előfizetned. Aztán még nagyobbra. Aztán még nagyobbra.

Egy reális forgatókönyv, amit többször láttam már: valaki nekiáll egyedül csinálni a weboldalát AI-jal. Beletesz 30 órát, kifizet 150 ezer forintot különböző AI előfizetésekre — és a végén még mindig nincs kész, használható weboldala. Csak egy halom félkész verzió, egy üres bankszámla, és egy elveszett pár hét.

Ez nem azért van, mert az AI rossz. Hanem mert ahhoz, hogy értelmes eredményt kapj, kell egy módszer, kell tapasztalat, és kell a háttértudás arról, hogy mi a jó weboldal. Anélkül az AI csak egy drága szövegszerkesztő, ami szép képeket generál.

Összefoglalva

Az AI 2026-ban már komoly eszköz a webfejlesztésben — nekem is része a mindennapi munkámnak. De fontos látni a határait:

• Nem helyettesíti a stratégiát
• Nem helyettesíti a jó szöveget
• Nem helyettesíti a szakembert
• És nem 10 ezer forintos megoldás, akkor sem, ha annak tűnik

Ha van időd és energiád megtanulni, ezzel a módszerrel tényleg jó eredményt érhetsz el — és sok időt megspórolhatsz a hagyományos módhoz képest.

Ha viszont nem akarsz heteket-hónapokat belerakni a tanulásba, és nem akarod, hogy a végén 150 ezer forint AI előfizetés után se legyen kész oldalad — beszéljük át, mit szeretnél, és csinálok egy olyan weboldalt, amit utána magad is tudsz tovább vinni a vállalkozásodban.

[Vedd fel velem a kapcsolatot →]

Frequently asked questions