Élő workshopok + kurzus · Indulás 2026. szeptember 8. – ELŐREGISZTRÁCIÓ

Claude Design +
Claude Code

Az egyik legerősebb skill most: szerezz AI designer tudást!

Ma bárki leül a Claude elé. Kér valamit, kap valamit. De aki érti a vizuális gondolkodást, a felhasználói élményt és a design rendszereket – az 1-2 óra alatt olyan oldalt kap, amit eddig egy designer és egy fejlesztő hetek alatt szállított.

Ma már nem szoftvereket tanulunk, hanem azt, hogyan adjuk át az elképzelésünk a legpontosabban egy AI eszköznek. Ezt a gondolkodásmódot adom át neked!

ELŐREGISZTRÁCIÓ Megnézem a tematikát
AI DESIGNER
DESIGN.md
claude.ai
Készítsünk egy értékesítési weboldalt a csatolt arculat alapján.
C
Elemzem az arculatot – színek, típó, hangnem.
C
Kész a hero és a CTA. Nézzük a következő szekciót.
Hero.jsx
// értékesítési oldal
const Hero = () => (
<section id=„sales”>
<h1>Növeld a bevételed</h1>
<CTA>Kérek ajánlatot</CTA>
</section>
);
taplalkozas-tanacsado.hu
Táplálkozási tanácsadás
Egyél tudatosan,
érezd jobban magad.
Személyre szabott étrend, heti követés, receptcsomag – dietetikus szemmel.
Foglalj konzultációt →
Étrendterv
14 napos menü
Konzultáció
online, 60 perc
Receptek
50+ recept
24 modul
Videós tananyag
8-10 óra videó
Letölthető videók
4 élő workshop
Senior UX szakemberrel
Kezdő – középhaladó
Ajánlott szint
A változás

A webdizájn szakma – úgy, ahogy ma ismerjük – eltűnik.

Az elmúlt két évben több változott a weboldal-készítés világában, mint az előző húsz évben összesen. Amit eddig egy designer és egy fejlesztő hetek alatt szállított, azt ma egy jól felkészült ember néhány óra alatt létrehozza egy AI eszközzel.

Ez ijesztő lehet – vagy ez lehet a legnagyobb lehetőség, amit a szakma valaha kapott. A különbség azon múlik, hogy hogyan állsz hozzá.

Az új dizájner nem az, aki ismeri az eszközt. Hanem aki tudja, mit kell kérnie – és miért.

RÓLAM
Susana Toth, a Claude Design Kurzus oktatója és AI designer szakértő
Susana Toth távmunkában dolgozik laptoppal úton, digitális nomád életmód
Susana Toth tengerparti teraszon dolgozik, Claude Design-nal tervez weboldalt
Az emberi rész

De van valami, amit az AI nem tud: eldönteni, hogy mi legyen az oldalon.

Az eszköz nem gondolkodik helyetted. Nem tudja, mit érez a látogató, amikor a szolgáltatást keresi. Az, hogy egy felületet valóban jól használhatóvá tegyünk – olyanná, amit az emberek szívesen és örömmel használnak – még mindig emberi feladat marad.

A finomságokat, akár grafikában, akár elrendezésben, az AI nem érti, és főleg nem érzi. A különbség viszont százalékokat jelenthet az eladásokban: a felhasználók jelentős része elutasítja a túl generikus felületeket.

Vigyél bele életet, vigyél bele emberi nyomot – és imádni fogják őket, akkor is, ha AI-val készültek!

Kinek szól

Kinek szól ez a kurzus?

Webdesigner munka közben01
Designer · Grafikus

Webdesignereknek, grafikusoknak

Évek óta Figma-ban, Photoshop-ban, Elementor-ban dolgozol. Tudod, mi a jó dizájn – de a tudásod szoftverekhez van kötve.

Vállalkozó munka közben02
Vállalkozó · Marketing

Vállalkozóknak és marketingeseknek

Vagy drága dizájnert fizetsz, vagy kapsz valami olyat, ami „elég jó”. De az „elég jó” nem konvertál.

Kreatív freelancer munka közben03
Kreatív · Freelancer

Kreatívoknak és freelancereknek

Ha eddig nem vállaltál weboldalt, mert nem tudsz kódolni – most már nem ez a kérdés. A kérdés az, hogy tudsz-e tervezni.

Tartalom

Nem elméletet tanulsz – kész weboldalakat építesz

A kurzus végére 6 különböző, éles weboldal-típust raksz össze a nulláról – feltölthető, működő oldalakat, nem képernyőképeket vagy sablonokat. Megtanítalak arra is, hogyan tartsd karban és módosítsd őket Claude Cowork és Claude Code segítségével – kódban turkálás és FTP-zés nélkül, egyszerű szöveges utasításokkal.

A gondolkodás

Amit tanulsz

  • ✓Vizuális gondolkodás: hierarchia, szín, tipográfia, layout
  • ✓Design rendszerszemlélet: konzisztencia, tokenek, komponensek
  • ✓A tervezési folyamat: wireframe – prototípus – high fidelity – élesítés
  • ✓6 weboldal típus a nulláról
  • ✓AI mint végrehajtó: Claude Design, Claude Code, ökoszisztéma
  • ✓Automatizmusok: form, ajánlatkérés, visszaszámláló
Nem erről szól

Amit nem

  • ✕Photoshop tanfolyam
  • ✕Elementor widgetek
  • ✕"Nyomj egy gombot és kész"
Amit a végén a kezedben tartasz – kész, éles weboldalak
Landing page →
Sales oldal →
Webáruház →
Portfolio →
Blog / magazin →
Foglalási oldal →
Magadra ismersz? Akkor ez a te kurzusod.
Előregisztrálj most, és a leghamarabb induló csoportban, a legjobb áron csatlakozol.
ELŐREGISZTRÁCIÓ →
Előzetes

Részlet egy előző workshopból

Tematika

A kurzus felépítése

24 modul
claude.ai
Melyik eszköz mire való?
C
Design, Code, Cowork – végigvesszük.
Claude univerzum
2 modul · kb. 40 perc

Előkészítő rész – Stabil alap

01Vizuális gondolkodás: a különbség a "szép" és a "működik" között
20 perc

F-minta, Z-minta, vizuális hierarchia, CTA tervezés.

F-mintaZ-mintaHierarchiaCTA
02A Claude univerzum: mi micsoda, és melyiket mikor használjuk
20 perc

Claude Design, Claude Code, Cowork, Figma MCP, /design-sync.

Claude DesignClaude CodeCowork/design-sync
Claude Design
Tweaks
Dark mode
Border radius 16px
Export →
Claude Design canvas
5 modul · kb. 95 perc

I. Claude Design: a tervezőeszköz

03Az első projekt: Chat+Canvas
20 perc

Chatben a koncepció, canvason a finomhangolás – az első landing page 20 perc alatt.

Chat+CanvasWYSIWYGSablonokIteráció
04Design System: egyszer beállítod, örökre használod
20 perc

Feltöltöd az anyagaidat, a Claude kihúzza a design rendszert.

Design SystemSzínpalettaTipográfiaKomponensek
05Wireframe – Prototype – High Fidelity: a tervezési folyamat
20 perc

3 nap helyett 30 perc.

WireframePrototypeHigh FidelityReszponzív
06Slides, Document, Animation: nem csak weboldalakat tervezel
15 perc

Prezentáció, ajánlat, animáció percek alatt.

SlidesDocumentAnimationPPTX
07Export: a tervből termék
20 perc

10+ platform export és /design-sync.

Export/design-syncCanvaVercel
Prototype
Hero Section
Navigation
Features Grid
Pricing
Footer
6 weboldal típus
6 modul · kb. 120 perc

II. Weboldal típusok: 6 projekt a nulláról

08Landing page és sales oldal
20 perc

A konverzió-orientált egyoldalas weboldal teljes anatómiája.

Landing pageHeroSocial proofCTA
09Vállalkozói weboldal és szolgáltatás bemutató
20 perc

Többoldalas üzleti oldal.

TöbboldalasNavigációSzolgáltatásKapcsolat
10Portfolio és személyes márka oldalak
20 perc

A portfolio oldal te vagy.

PortfolioGalériaCase studyBrand
11Webáruházak és termékoldalak
20 perc

Ahol minden pixel a konverziót szolgálja.

E-commerceTermékkártyaKosárMobil-first
12Blog, magazin, tartalomoldal
20 perc

Olvashatóság és tipográfia a főszereplő.

BlogTipográfiaSEOTartalom
13Iparág-specifikus oldalak: étterem, szállláshely, rendezvény
20 perc

Mindegyiknek saját design nyelve van.

ÉtteremSzállláshelyRendezvényFoglalás
claude code
$ claude
> /design-sync
✓ theme.json
✓ block-patterns
WordPress FSE élesítés
Claude Code élesítés
3 modul · kb. 65 perc

III. Tervből élő weboldal

14Claude Code: telepítés és az első lépések
20 perc

A végrehajtó: VS Code, /design-sync.

Claude CodeVS CodeTerminal/design-sync
15WordPress FSE: élesítés
25 perc

A kurzus csúcspontja: élő weboldal az interneten.

WordPress FSEtheme.jsonBlock patternsZIP
16Karbantartás: módosítás szöveges iterációval
20 perc

WordPress MCP, batch prompt.

WordPress MCPCSSBatch promptKarbantartás
Artifacts – Preview
// Landing page
const Hero = () => (
<section className=„hero”>
<h1>Workshop</h1>
</section>
);
Artifacts + Figma
4 modul

IV. Figma, app tervezés, design rendszer

17Figma integráció: sebesség + precizitás
20 perc

A két eszköz erősségét kombinálod.

Figma MCPDesign to CodeCode Connect
18App tervezés: UI, UX, prototípus
20 perc

Kattintható képernyőkkel.

App UI/UXUser flowPrototípusMobil
19Képgenerálás, üzleti kreatívok
15 perc

Tudatos képhasználat.

KépgenerálásFLUXSocialPrezentáció
20Biztonság, költségek, profi működés
15 perc

API kulcs, költségoptimalizálás.

BiztonságAPI kulcsKöltségToken
ajanlat.hu
-30%
Prémium csomag
13 900 Ft19 900 Ft
Az ajánlat lejár
02
nap
14
óra
37
perc
09
mp
Megrendelem →
Ajánlat visszaszámláló
4 modul

V. Automatizmusok bekötése

21Automatizálható folyamatok – Claude és Make
20 perc

A weboldal aktívvá válik.

AutomatizálásWebhookClaude + Make
22Gyakorlat: Kapcsolatfelvételi form + automatikus válasz
20 perc

A teljes folyamat.

FormEmailFrontendTesztelés
23Gyakorlat: Ajánlatkérő form + visszaigazolás
20 perc

Ajánlatkérő rendszer.

AjánlatkérésFeltételes logikaVisszaigazolás
24Gyakorlat: Visszaszámlálók és ajánlat érvényesség
20 perc

Sürgősség vizuálisan és technikailag.

VisszaszámlálóLejáratDinamikus ár
Claude Design Kurzus
OKLEVÉL
Ezúton igazoljuk, hogy
a résztvevő neve
AI designer ismereteket szerzett, és piacképes weboldalakat készít – emberi UX szemlélettel.
Tanúsítvány

3 feladat, és oklevéllel igazolom a tudásod

A kurzus elvégzését 3 beküldött gyakorlati feladattal igazolod. Cserébe oklevelet kapsz arról, hogy AI designer ismereteket szereztél, és minőségi, piacképes weboldalakat készítesz – AI eszközökkel, de emberi UX szemlélettel.

01Egy kész landing vagy sales oldal
02Egy többoldalas vagy iparág-specifikus weboldal
03Egy bekötött automatizmus (form + automatikus válasz)
Az okleveleket automatizmus állítja ki a számodra – de a saját, szigorú szakmai szempontjaim szerint értékelve.
24 modul, 6 kész weboldal, 4 élő workshop.
Néhány hónap, és te leszel az, akit keresnek – kezdd el most.
ELŐREGISZTRÁCIÓ →
Előzetes

Részlet egy előző workshopból

Ajándék

Bónusz: 4 élő workshop részvétel

Minden hónapban 1 órás workshop + 30 perc Q&A, ahol felteheted a kérdéseidet is. A workshopokon szó esik a frissítésekről, az éles tapasztalatokról és a várható újdonságokról is. A felvételek természetesen korlátlanul visszanézhetőek lesznek, ha valamelyik alkalomról lemaradnál.

A négy élő workshop értéke: 199 EUR – amelyet ajándékba kapsz
élő workshopLIVE
Milyen Claude előfizetés kell hozzá?
Hogyan kötöm be a formot?
Megmutatom élőben.
És a WordPress élesítés?
Résztvevő
Résztvevő
Résztvevő
Résztvevő
4 alkalom – havonta egy
Szeptember

Élő Q&A és projekt-review

Hozd el a saját projektedet, élőben nézzük át.

Október

Haladó Claude Design technikák

Ami a modulokba nem fért bele.

November

Portfolio építés és ügyfélszerzés

A tudásodat hogyan fordítsd bevételre.

December

2027 trendek és következő lépések

Merre tart a piac, mire készülj.

Susana Toth
Az oktatód

Susana Toth

20+ éve foglalkozom weboldal tervezéssel. 15 éven át vezettem a Pixelgyár online webdesign tanfolyamot, ahol több ezer hallgató tanulta meg a webdesign alapjait. Jelenleg Make.com Expert-ként dolgozom, és napi szinten használom a Claude eszközeit – a design prototípusoktól az automatizált munkafolyamatokig.

Az AI mellett kiemelten érdekel a viselkedéstudomány, 2026 elején a Wharton Neuroscience marketing kurzusát is elvégeztem, ezeket az ismereteim is beépítem a munkámba és a kurzusaimba – amikkel az angol és a spanyol nyelvű piacokon is jelen vagyok.

20+ év tapasztalat 15 év oktatás Make.com Expert HU-EN-ES piacok
Jelentkezés

Egyedülálló kurzus magyar nyelven

Early bird
199 EUR
kb. 72 000 Ft – forintban is fizethető
Indulás: 2026. szept. 8. Korlátlan hozzáférés Nem előfizetés
Az ár szept. 8-i indulásig lépcsőzetesen emelkedik – most a legkedvezőbb
Most ez az ár
Early birdjúl. 19 – júl. 31.
199 EUR
kb. 72 000 Ft
Eddig érvényes ez az ár
00
nap
00
óra
00
perc
00
mp
Következő lépcső
499 EUR
kb. 180 600 Ft
aug. 1 – aug. 31.
Amint lejár a fenti idő
Teljes ár
799 EUR
kb. 289 100 Ft
szept. 1-től
Az indulás után
  • ✓Indulás: 2026. szeptember 8.
  • ✓24 modul, 8-10 óra videó
  • ✓Korlátlan, örökös hozzáférés – nem előfizetés
  • ✓Mindig a legfrissebb anyag a témában, letölthető videókkal
  • ✓Gyakorlati projektek minden modulban
  • ✓50+ prompt sablon
  • ✓4 élő workshop senior UX szakemberrel
  • ✓14 napos pénzvisszafizetési garancia
Jelentkezem – 199 EUR

Bruttó ár, fizetés Stripe-on keresztül. A számlázó spanyol egyéni vállalkozó (autónomo), IGIC 0%. Az ár nem tartalmaz további rejtett költséget. A technológia olyan ütemben fejlődik, hogy ezt ne halaszd el – egy év múlva már szinte biztosan sok minden máskép lesz. A videókat letölthetővé teszem, a hozzáférés pedig korlátlan – nem előfizetés.

Kérdések

Gyakran ismételt kérdések

Kell-e kódolási tudás?
Nem. A kurzust designer szemlélettel építettem. Fogunk kódot látni, de nem neked kell írni – a Claude készíti. A te feladatod az irányítás, nem a kódolás.
Milyen Claude előfizetés kell?
A legtöbb funkciót a Claude Pro ($20/hó, kb. 8 000 Ft) lefedi. A Claude Design-hoz Pro, Max, Team vagy Enterprise előfizetés szükséges.
Mennyi idő elvégezni a kurzust?
A 24 modul összesen 8-10 óra videó. A saját tempódban haladhatsz – de a gyakorlatokkal együtt kb. 3-4 hetet érdemes rászánni.
Mi van, ha nem tetszik?
14 napos pénzvisszafizetési garancia. Ha az első 14 napban úgy érzed, nem neked való, visszaadjuk az árát.
Figma fiók kell?
A Figma modulhoz igen.
Kell-e WordPress tárhely?
A WordPress modulokhoz igen. Egy alap tárhely havi 2-5 EUR – az élesítéshez szükséges.

Szeptemberben te leszel az, akit keresnek.

Mert már csinálod – nem csak olvasgatsz róla.

Jelentkezem a kurzusra
Indulás: 2026. szeptember 8.