Workshop Wednesday
Figma → Claude Code.
A legmodernebb workflow lépésről-lépésre!
Figmában megtervezzük. Claude Code-dal működő frontendet készítünk belőle valós időben. Nem prototípus – nem „így fog kinézni”. Hanem: működő frontend, bármilyen motorra integrálható. Kattintható, működő, demonstrálható, fejlesztésre kész. Megtanulod azt a módszert, amit jelenleg a szakma csupán 3%-a ismer.
60 perc élő + 30 perc Q&A
⏱️60 perc munka + 30 perc Q&A
🎥Felvétel 3 hónapig elérhető
Így néz ki a Figma → Claude Code workflow
3 perces bemutató – semmi fluff, csak a valódi munkafolyamat.
Mit csinálunk a workshop során?
Élő munka, semmi teoria
Valós Figma terv → Claude Code → kész oldal. Közben magyarázok, de nem diasorral, hanem mutatom a képernyőmet.
Gyakorlati workflow
Setup, prompt technikák, iterációs ciklusok. Azt látod, amit élesen csinálnék egy ügyfélnek vagy saját projekthez.
Prompt sablon + Figma file
A workshopon használt Figma fájlt és Claude Code sablonokat megkapod, hogy azonnal gyakorolhass.
30 perc élő Q&A
„Hogyan kommunikálod ezt az ügyfél felé?” „Mit csinálok, ha bugol az MCP?” Gyakorlati kérdések, őszinte válaszok.
Setup guide előre
November 1. és 7. között megkapod a teljes felkészítő anyagot, hogy szerdára készen állj.
3 hónapon át visszanézhető felvétel
Ha nem tudsz élőben jönni, vagy újra akarod nézni, 90 napig visszanézheted a teljes anyagot.
Hogyan épül fel a workshop?
00:00-00:10 – Setup gyorstalpaló
Claude Code telepítve? MCP működik? Figma plugin? 10 percben összefoglalom, ha valaki lemaradt.
00:10-00:20 – Figma terv bemutatása
Ez az oldal, amit kódolni fogunk: landing page, 4-5 szekció, semmi túlbonyolítás. De professzionális.
00:20-00:35 – Claude Code: first run
Valódi pillanatok. Begépelem a parancsot, Claude Code fut, és készül a kód. Látjátok: „Nav + Hero szekció kész”, „Most jönnek a kártyák”.
00:35-00:50 – Iteráció: kis módosítások, nagy hatás
„Sárga legyen.” „Nagyobb szöveg.” „Ez a gomb másképp.” Mindegyik módosítás: utasítás → Claude Code → 30 másodperc. Kész.
00:50-01:05 – Kész oldal: mutatható, értékesíthető
Az oldal él. Működik. Gyakorlati tippek: hogyan kommunikálod ezt az ügyfél felé? Mikor mondod, hogy „tervezés volt”, és mikor, hogy „én csináltam”?
01:05-01:30 – Kérdések és tanácsok
„Hogyan tárolom a Figma verziókat?” „Ezt ügyfélnek mondhatom?” „Mennyibe kerüljön?” „Mit csinálok, ha az MCP bugos?” Gyakorlati kérdések, gyakorlati válaszok.
79 EUR
Kinek ajánlom ezt a workshopot?
Ajánlom, ha:
- Figmában tudsz tervezni, de nem tudod kóddá alakítani
- Szeretnél egy prototípusból működő frontendet – amit egy fejlesztő integrálhat
- Van rengeteg ötleted, de a megvalósításra sosem jut idő
- Hallottál a Claude Code-ról, de nem tudod, hogy működik
- Designer, fejlesztő, marketinges, vagy vállalkozó vagy
- Szeretnél az első 3% között lenni, aki ezt már csinálja
Nem ajánlom, ha:
- Még nem használtál Figmát professzionálisan, és nem is érdekel a design
- Csak „AI tippeket” akarsz hallani, nem konkrét, alkalmazható workflow-t
- Az AI-ban csak automatizációt látsz, nem produktivitás-növelést
- Azt gondolod, hogy egy kattintással kész weboldal lesz mindenbőll
- Nincs időd november 12-én 18:00-kor, és a felvételt sem nézed meg 3 hónapon belül
Befektetés a sebességbe
79 EUR
ca. 30.000 HUF
Tartalmazza (156 EUR érték):
| 90 perces élő (60′ workshop + 30′ Q&A) + felvétel | 79 EUR |
| Figma file + Claude Code sablonok | 29 EUR |
| Prompt library + gyakorlati példák | 29 EUR |
| Setup guide (november 1–7) | 19 EUR |
Összesen: 156 EUR értékben → Most: 79 EUR
Gyakran kérdezik
Majd később megtanulom ezt – most még nem sürgős.
De a lemaradás nem az eszközökben van, hanem abban, hogy mások már használják őket.
Egy workshop ára 79 EUR – nagyjából két óra munkád.
Egy kurzus később 500 EUR – tíz óra vagy még több.
Ehhez jön az elvesztegetett idő, amíg mások már gyorsabban, hatékonyabban dolgoznak.
Ezt soha nem fogom használni – designer/fejlesztő/CEO vagyok
Designer: Prototípusból 30 perc alatt működő demo = 3x gyorsabb ügyfél validáció.
Fejlesztő: Prezentációs frontend percek alatt = több idő a backend logikára.
CEO: Tudod, mivel telik valójában a csapatod ideje? Ha nem, akkor ez a 90 perc rálátás aranyat ér.
Jaj, már annyira le vagyok maradva, hogy fel sem tudom fogni, mennyire.
Az első 10 percben már 80%-ot megértesz. Ez nem rakétatudomány. Claude Code 2025 tavaszán jelent meg – azaz mindenkinek friss még. Setup guide-dal felkészülsz, élőben látod működés közben, utána 3 hónapig visszanézheted a workshopot felvételről.
Mit kell tudnom ahhoz, hogy értsem ezt?
Figmát kell tudnod használni (komponensek, auto-layout, export). Programozást nem – azt csinálja Claude Code. November 1. és 7. között setup guide érkezik neked emailben: Claude telepítése, MCP beállítás, Figma plugin – ezzel készülj kérlek a workshopra.
Az ügyfeleimnek elmondhatom, hogy vibe codinggal készül az oldaluk?
A workflow-t igen. Hogy „Claude Code-ot használsz” – csak akkor, ha az ügyfél nyitott rá. Röviden: „Gyors, iteratív, modern design-to-code folyamat.” A tool a tied, a know-how is a tied.
Ezt hogyan tudom / hogyan kell beárazni?
Szerdán, ott helyben beszélgetünk erről a Q&A-ban. Röviden: prototípus → működő frontend = design óra + dev óra kombinálva. Ár: a sebességed konkurenciaelőny, árazd ennek megfelelően.
Szükséges hozzá Figma és Claude előfizetés?
Semmi sem szükséges, ha csak nézegetni akarod. Ha komolyan dolgozni is szeretnél vele, akkor viszont elengedhetetlen – az ingyenes verzió sosem fogja megcsinálni neked ezeket!