Figma kurzus

Használd profin a legjobb UX/UI tervező programot

A Figma mesteri használata az alapoktól a haladó funkciókig. A kurzus után átlátod a rétegeket és a gridrendszert, rutinszerűen használod az auto layoutot, komponenseket építesz, amelyekkel később weboldalakat vagy applikációkat tervezhetsz.

A kurzus leghasznosabb része számomra a mellékletek voltak, és hogy minden lecke megfelelően volt hosszú. Nem egy több órás videót kellett megnéznem, így sikerélményt is adott, illetve a haladás élményét. Köszönöm.:)

1.500+ tag

Figma: a belépőd a vizuális tervezés világába

A legkeresettebb designprogram

Ha ma bárhol webdesignról, UX/UI-ról van szó, a Figma előjön. Ez a program lett a piac standard progjamja: a legnagyobb ügynökségek, startupok és nemzetközi márkák mind ebben készítik a designterveiket.

A Figma azért vált ennyire népszerűvé, mert egyszerre letisztult és brutálisan erős. Nem véletlen, hogy aki vizuális tervezésre adja a fejét, annak ez ma már nem opció, hanem kötelező tudás.

Ráadásul nemcsak profik használják, hanem kezdőként is gyorsan bele lehet rázódni.

Azért szeretik olyan sokan, mert:

Császári erő a designban

Minden tervező útja a Figmához vezet

A Figma a designvilág központja, de első ránézésre ijesztő lehet: frame-ek, rétegek, grid, Auto Layout… könnyű elveszni benne, ha nincs melletted valaki, aki rendszert mutat. Amikor először megnyitod, csak kapkodod a fejed a rengeteg funkció láttán, nem csoda hát, hogy sokan tartanak tőle.

Azonban, ha megérted a logikáját, és valaki megmutatja a lehetőségeidet, a tervezés gyors, átlátható és élvezetes lesz. Ha átjutsz ezen a ponton, hamar rájössz: a Figma egy olyan erős szövetséges a munkában, amiről minden kezdő tervező csak álmodik.

Ez a kurzus segít átugrani a kezdeti nehézségeket, és megmutatja, hogyan használd a Figmát úgy, hogy az tényleg a legnagyobb erősséged legyen a vizuális tervezésben.

Megadjuk a kezdőlökést

Idegesítő szoftverből nélkülözhetetlen csapattárs

A célunk egyszerű: ne csak megismerkedj a Figmával, hanem mielőbb átjuss arra a pontra, ahol minden mozdulatod a célodat szolgálja.

Feladatokon keresztül, pár óra használat után már szelídebben fogsz hozzáállni.

Ehhez nemcsak világos leckéket kapsz, hanem olyan plusz eszközt is, ami rögtön a kezed alá dolgozik: a WPViking UI Wireframe Kit.

Ez a drótvázgyűjtemény azért készült, hogy már az első lépésektől rendszerben lásd a munkádat. Oldalvázlatokat, szekciókat és komplett terveket rakhatsz össze villámgyorsan, miközben megtanulod a Figma alaplogikáját. Ahelyett, hogy apró elemekkel küzdenél, rögtön az egész képet látod, és így sokkal hamarabb bajtársaddá válik a szoftver.

Ahogy haladsz előre, a rétegek következetes rendszerré állnak össze, az auto layout kisbárányként működik a kezed alatt, a komponensek pedig felszabadítanak, hogy egyre gyorsabban és átgondoltabban építs.

Nem az a célunk, hogy csak kattintgass, hanem hogy kialakuljon benned az a szemlélet, ami a profikat jellemzi.

Kinek való a kurzus?

Pályakezdők

Tökéletes alapot adunk ahhoz, hogy elindulj a UX/UI világában. Ha kacérkodsz a webdesigner lét gondolatával, kell egy designprogram, amit magabiztosan és örömmel tudsz használni, és megsúgjuk: a Figma pont ilyen. Modern, letisztult, felhőalapú, és néhány hét alatt a kezed alá áll.

A világ vezető designerei és legnagyobb stúdiói is ebben dolgoznak – így ha komolyan gondolod a pályát, nem kérdés, hogy a Figma lesz a belépőd a szakmába.

Szabadúszók

Egy szabadúszó értéke annál nagyobb, minél több területen tudja kiszolgálni az ügyfeleit. Ha jelenleg fejlesztőként, site builderként vagy technikai kivitelezőként dolgozol, a Figma elsajátításával új dimenzió nyílik meg előtted.
Képes leszel vizuálisan is megmutatni, hogyan épül fel egy oldal, hogyan néz ki egy funkció vagy milyen lesz egy teljes webshop felépítése. Az ügyfelek sokkal gyorsabban megértik az elképzeléseidet, és te is gördülékenyebben kapsz jóváhagyást.

Vállalkozók

A saját weboldalad vagy webshopod megvalósítása az első lépésnél kezdődik: meg kell tanulnod azt a programot, amiben a terveidet megalkotod. Ez a Figma.
 Ebben a felületben megtervezheted a landing page-ed, a teljes webshopod vagy akár egy komplett kampány látványvilágát. Ahelyett, hogy másokra várnál, önállóan is képes leszel kialakítani a vizuális irányt, és pontosan úgy formálni a terveidet, ahogy elképzelted.

Miből áll a tanfolyam?

01

első lépések a legnépszerűbb design szoftverben

Figma alapok

Az első modulban mindent megkapsz, ami ahhoz kell, hogy otthonosan mozogj a programban. Lépésről lépésre megtanulod, mi a Figma és hogyan működik, hogyan regisztrálj, állítsd be a fiókodat, és navigálj a kezelőfelületen. Megismered a frame-eket, csoportokat és rétegeket, és megtanulod, hogyan építs logikus szerkezetet a terveidben.

Ezután jönnek az alapműveletek: mozgatás, másolás, igazítás, elosztás, rendezés. Gyakoroljuk a stílusbeállításokat (színek, betűtípusok, effektek), és belemegyünk a Components alapjaiba. Megtanulod a Constraints (korlátok) logikáját is, majd jön az egyik legfontosabb téma: az Auto Layout.

A modul végén gyakorlófeladatokkal és megoldásvideókkal rögzíted a tudást, hogy a Figma alapjai tényleg a kezedre álljanak.

02

Innen lesz a Figmából igazi fegyver a kezedben

Haladó Figma funkciók

A második modulban szintet lépünk. Először megismerkedsz a gridrendszerrel, amivel minden elem a helyére kerül. Ezután mélyebben belemegyünk a szövegbeállításokba: betűméret, sortáv, tipográfiai hierarchia. Telepítünk egyedi betűtípusokat, és megnézzük, hogyan tedd őket biztonságosan használhatóvá a projekteidben.

A képeknél megtanulod, hogyan használd őket tudatosan: beillesztés, formázás és exportálás különböző formátumokba. A látványvilágot erősítjük a maszkolással, a színezéssel, valamint az árnyék és homályosítás effektjeivel, hogy terveid életre keljenek.

A végén jön a mobilra tervezés: mitől lesz egy képernyő reszponzív és felhasználóbarát.

03

A tanfolyam zárása

Megérdemelt oklevél

A kurzus végén, ha elvégezted a gyakorlófeladatokat, megkapod a megérdemelt oklevelet, amely igazolja: alapszinten kitanultad a Figmát, és magabiztosan tudod használni UX/UI tervezéshez.

Ez az oklevél nemcsak papír: bemutathatod ügyfeleknek, feltöltheted a LinkedIn profilodra, vagy hozzáadhatod a portfóliódhoz. Így nemcsak tudást szerzel, hanem kézzelfogható eredményeket is, amik megnyitják az utat a következő lépéshez.

UI drótvázcsomag és segédanyagok

A kurzus részeként komplett drótvázcsomagot kapsz, amivel könnyen készíthetsz oldalvázlatokat és UX koncepciókat. A csomag mellett gyakorlófeladatok segítenek elmélyíteni a tanultakat.

WPViking UI Wireframe Kit

Komplett UI drótvázcsomag előre felépített szakaszokkal és komponensekkel.

Segítségével gyorsan készíthetsz oldalvázlatokat, kipróbálhatsz különböző struktúrákat, és egyszerűen módosíthatod a színeket, betűket globális beállításokkal.

Auto Layout alapok

Gyakorlatokon keresztül mélyítjük el az Auto Layout használatát.

Megtanulod, hogyan készíts olyan elrendezéseket, amelyek automatikusan igazodnak a tartalomhoz, és hogyan állíts be távolságokat, igazításokat, hogy a terveid rugalmasak és reszponzívak legyenek.

Alapműveletek gyakorlása

Egy gyakorlatsor, amivel végigmehetsz az alapvető műveleteken. Formák, színek, szövegek szerkesztése, igazítások, mindezt lépésről lépésre kipróbálhatod.

A gyakorlati feladatok biztosítják, hogy az alapfunkciók tényleg beépüljenek.

Hogyan épül fel a kurzus?

A kurzus 27 leckéből áll, összesen 5,5 órányi videós anyaggal.

Minden leckénél világos leckeleírás segít fókuszálni, valamint az alapoknál gyakorlófeladatok és megoldóvideók rögzítik a tudásodat. A csomag része a WPViking Wireframe Kit is, amivel villámgyorsan rakhatsz össze oldalvázlatokat és komplett képernyőket. Ez hatalmas előny: nemcsak a Figmát tanulod meg kezelni, hanem rögtön belelátsz a valódi UX/UI munkafolyamatokba is.

4 modul • 27 lecke • 5 óra 24 perc
Figma alapok 15 lecke • 3 óra 39 perc
Bevezető – Figma 01:01
Mi a Figma? 16:59
Figma – Regisztráció és Vezérlőpult 09:14
Figma – Felület 09:03
Figma – Szerkezeti egységek 11:43
Figma – Navigálás 07:45
Figma – Mozgatás, másolás 19:56
Figma – Alapműveletek 14:51
Figma – Stílus beállítások 26:45
Figma – Components alapok 09:44
Figma – Constraints – Korlátok 16:23
Figma – Auto Layout – Alapok 19:38
Figma – Auto Layout – Próbáld ki 01:11
Figma – Auto Layout – Valós példák 17:27
Figma alapműveletek gyakorlása – Megoldás 37:22
Haladó Figma funkciók 9 lecke • 1 óra 44 perc
A haladó Figma felhasználó 01:41
Figma – Grid rendszer 20:17
Figma – Szöveg tulajdonságok 16:03
Figma – Képek 13:04
Figma – Képek exportálása 12:49
Figma fájl megosztás és .fig exportálás 05:27
Figma – Színezés 08:18
Figma – Árnyék és homályosítás 15:38
Figma – Mobilra tervezés 10:27
Végszó 2 lecke • 1 perc
Végszó – Figma 00:57
 Sikeresen elvégezted a kurzust, hogy tetszett? 00:00:00
Kvíz 1 lecke • 0 perc
Kvíz – Figma 00:00:00
Canva első lépések és szerkesztőfelület ~ 1 óra 30 perc

Ebben az alapozó szakaszban feltérképezzük a Canva világát. Megmutatom, hogyan hozd létre a fiókodat, mit érdemes beállítani az elején, és hogyan igazodj el a felületen. Megismered a főoldal és a szerkesztőfelület működését, tisztázzuk, hogy mire érdemes (és mire nem érdemes) használni a Canvát, és kapsz néhány olyan gyorsbillentyű tippet, amikkel sokkal hatékonyabban fogsz tudni dolgozni.

Elmerülünk a tudatos vizuális alkotás alapjaiban. Megtanulod, hogyan dolgozz színekkel, betűtípusokkal, képekkel, elemekkel és sablonokkal a Canvában. Használunk Canvába épített appokat is, amik segítenek inspirálódni, szűrni, rendszerezni vagy épp új funkciókat felfedezni. Megtanulunk művészien másolni, mockupokat alkotunk, átbeszéljük a program exportálási lehetőségeit, az átméretezést, sőt még azt is, hogyan érdemes rendszerezd a munkáidat a gépeden.

Lehetőséged lesz kipróbálni mindazt, amit a Canva alapok kurzusrészben tanultál. Egy gyakorlati feladatsoron keresztül teszed próbára magad, majd megnézheted a megoldási javaslatot is. Így nemcsak alkotsz, hanem vissza is nézheted, miben fejlődhetsz még.

Immár erős alapokra építkezve elindítjuk az első igazi kreatív projektedet. Ebben a szakaszban megismerkedsz a saját fiktív ügyfeleddel: egy elképzelt, de részletesen kidolgozott márkával, akinek a megbízásait a kurzus további részében teljesíteni fogod. Ez lesz a gyakorlati alap, amin keresztül nemcsak Canvázni tanulsz meg, hanem egy valódi tervezési folyamatot is végigviszel az arculat kialakításától a különféle grafikai anyagok elkészítéséig.

A konkrét tervezői feladatok előtt azonban meg kell határoznod a márka elemeit. Készítesz moodboardot, fotókat és ikonokat keresel, inspirációt gyűjtesz, és megfogalmazod a vizuális irányokat, amelyekre később építkezni fogsz.

Itt megtanulod, hogyan alakítsd ki a fiktív ügyfeled teljes közösségimédia-megjelenését, az egységes profilképtől és borítóképtől kezdve a YouTube fejlécképen és thumbnailen át a hirdetésgrafikákig. Elkészítesz statikus posztokat, story-kat, carousel grafikákat, feedterveket, valamint kereteket, hogy a márka vizuálisan következetes és profi legyen minden platformon. A végén létrehozol egy saját Canva sablongyűjteményt is.

Most azon dolgozol, hogy a fiktív ügyfeled weboldala vizuálisan is profi benyomást keltsen. Elsajátítod, hogyan javíts fel a Canva segítségével meglévő képeket egy weboldalra, megtanulod, hogyan készíts figyelemfelkeltő popupokat, esztétikus ikonokat és illusztrációkat.

A márkaépítés a fizikai térben is fontos, ezért fiktív ügyfeled nyomtatott anyagokra is megbízást ad. Megtanulod, hogyan tervezz arculathű névjegykártyát, plakátot, szórólapot, brosúrát, prezentációt, valamint köszönőkártyákat és kuponokat. Az itt megszerzett tudás segítségével képes leszel offline is erőteljes, mégis letisztult vizuális élményt nyújtani.

A kurzus végén egy alkotói kihívással zársz: a fiktív ügyfeled legkomplexebb megbízását teljesíted, ahol egy kampányhoz többféle grafikai anyagot kell elkészítened. A feladat során újra előkerül minden, amit eddig tanultál, de ezúttal egy egységes kampánykoncepcióban kell őket összehangolnod. Ez a kreatív vizsgamunka lehetőséget ad arra, hogy rendszerszinten gondolkodj, és bebizonyítsd: képes vagy átgondolt, következetes vizuális kommunikációra. Nem utolsó sorban a portfóliódban is remekül fog mutatni.

A feladat után egy zárókvíz segít rendszerezni az elméleti tudásodat és megerősíti a kulcspontokat.

A tanfolyam sikeres teljesítéséért oklevelet kapsz, amely digitális formában letölthető, nyomtatható, megosztható a portfóliódban, csatolható az önéletrajzodhoz, és akár a LinkedIn profilodra is feltölthető.

Az oktatód:

Nagy Attila

Attila a WPKurzus társalapítója.

Az online marketingben és a vállalkozások világában találta meg azt, amit igazán szeret.

Tudáséhsége, a komplexnek tűnő digitális világ leegyszerűsítésének vágya vezette oda, hogy több szakmában is mélyen képezze magát.

Imád olyan oktatóanyagokat létrehozni, amelyek könnyen érthetővé teszik a tanulók számára az adott témát.

A digitális világ, vállalkozás, design, marketing, videózás és pszichológiai témák összefüggéseinek megértése miatt tud igazán hatékonyan tanítani különböző témákban is.

Nem hiszi, hogy mindent tud, de top szintű szakértőkkel és csapattal hozza létre a jobbnál jobb kurzusokat.

Innen indul a gyakorlati fejlődésed

A Figma kurzus nem önmagában áll, ez az a stabil alap, amire minden további tanulási utad épülhet. Ha végigcsinálod, nemcsak a designprogramot érted meg, hanem kialakul benned az a szemlélet, ami a vizuális gondolkodás, a webdesign és akár egy teljes online vállalkozás felépítéséhez is nélkülözhetetlen.

Vizuális design kurzus

A Figmában megtanult funkciók mellé a vizuális alapelvek adják a másik pillért. A Vizuális design kurzusban elmélyíted a tudásod a színek, tipográfia, képek és kompozíció világában.

Ez a tudás teszi lehetővé, hogy a Figmában készített terveid ne csak jól működjenek, hanem esztétikusak és átgondoltak is legyenek.

Webdesign kurzus

Ha már otthonosan mozogsz a Figmában, a következő lépés a Webdesign kurzus. Itt megtanulod, hogyan készíts komplett weboldalterveket, hogyan építs fel vizuális rendszereket, és hogyan készítsd elő kulcsrakésszé a designjaidat.

A Figma tudásod itt válik igazán értékessé, mert megtanulod, hogyan lesz egy ötletből teljes weboldal.

Online vállakozó Karrier Küldetés

A Figma kurzus az Online vállalkozó Karrier Küldetésünk egyik alapköve. A digitális vállalkozás felépítése során elengedhetetlen, hogy legyen egy program, amiben magabiztosan megtervezheted a saját weboldalad/webshopod. A kurzus itt egy mérföldkő: olyan eszközt ad, ami végigkísér a vállalkozói úton.

A Figma kurzus a Fegyvertár része

A Fegyvertár egy digitális tudástár, szakmai közösség és a fejlődésed következő lépcsője. Kurzusokkal, kihívásokkal, letölthető mellékletekkel, webinárokkal, találkozókkal segítjük az utad.

A Figma kurzus magában nem vásárolható meg, viszont rendkívül kedvezően elérheted Fegyvertár tagsággal.

Válassz csomagot!

Válaszd a számodra kényelmesebb megoldást.

Áremelés előtt bevezető áron

Az alapító tagjainkat támogatva egy őrülten kedvező árat találtunk ki.
Hódítsuk meg együtt a digitális világot!

nap
óra
perc
másodperc

Havi

bruttó 5.990 Ft / hó

nettó 4.717 Ft / hó

🔒 100% biztonságos fizetés

stripe bankkártyás fizetési lehetőségek

Éves

bruttó 59.990 Ft

nettó 47.236 Ft / év

🔒 100% biztonságos fizetés

stripe bankkártyás fizetési lehetőségek

Gyakran Ismételt Kérdések

Mikor indul a kurzus, van meghatározott kezdés?

A kurzus önálló tempóban végezhető, így bármikor elkezdheted, amikor számodra kényelmes. A leckékhez hozzáférést kapsz, míg él a Fegyvertár előfizetésed.

Nem, nincs szükséged semmilyen előismeretre. A kurzus úgy van felépítve, hogy bárki könnyen követni tudja, akkor is, ha most találkozik először design témájú tanfolyammal.

A Figma kurzushoz nem szükséges semmi extra eszköz. A program online is működik, így bármilyen számítógépen vagy laptopon használhatod, ami rendelkezik internetkapcsolattal és egy modern böngészővel (pl. Google Chrome, Firefox, Safari).

A Figma felhőalapú, így bárhonnan hozzáférhetsz a munkáidhoz, és az összes szükséges funkció elérhető majd a fiókoddal, amit segítünk létrehozni.

Elő kell fizetnem a Figmára, hogy használhassam a kurzus során?

Nem, a Figma teljes körű használatához szükséges funkciókhoz segítségünkkel minden hozzáférést megkapsz. Tanulói fiók létrehozásával ingyenesen is használhatod a Figma Education verzióját a kurzus alatt, ehhez minden infót megkapsz majd.

Lehetőséged lesz csatlakozni a Fegyvertár közösségi felületéhez, ahol kérdezhetsz a kurzussal kapcsolatban és megoszthatod a saját design projektjeidet.

Ha technikai vagy haladással kapcsolatos kérdésed van, ezen az oldalon tudsz nekünk írni: wpkurzus.hu/fegyvertar-kapcsolat