Figma - Online kurz

Zajímáš se o webdesign a chceš navrhovat weby a aplikace, které jsou nejen hezké, ale také přehledné, intuitivní a snadno použitelné? Máš za sebou některý z kurzů o HTML a CSS a chystáš se tvořit vlastní weby? Nebo pracuješ v marketingu, vývoji či projektovém řízení a podílíš se na tvorbě digitálních produktů? Pro všechny tu je kurz UI/UX designu ve Figmě!

Figma patří mezi nejpoužívanější nástroje pro návrh webových stránek a mobilních aplikací. V kurzu tě krok po kroku provedeme celým procesem návrhu – od prvotního nápadu a wireframu až po hotový interaktivní prototyp připravený k předání vývojářům. Naučíš se přemýšlet nad potřebami uživatelů, pracovat s rozvržením, typografií, barvami i komponentami a vytvářet návrhy, které dobře vypadají a zároveň plní svůj účel.

Nezůstaneš ale jen u ovládání Figmy. Ukážeme ti také základy UI a UX designu, principy přístupnosti, uživatelské testování i způsob spolupráce mezi designérem a vývojářem. Na konci kurzu zvládneš vytvořit kompletní návrh webu nebo aplikace, otestovat ho a připravit k prezentaci či realizaci.

Co se v kurzu naučíš?

Nejprve si vysvětlíme rozdíl mezi UI a UX designem a ukážeme si, jak práce designéra probíhá. Naučíš se vytvořit personu, projektový brief, user flow a informační architekturu. Následně připravíš wireframe, ze kterého postupně vytvoříš propracovaný grafický návrh.

Seznámíš se s prostředím Figmy a naučíš se pracovat s framy, vrstvami, tvary, textem, obrázky, ikonami, barvami, mřížkami a responzivním rozvržením. Zvládneš také Auto Layout, komponenty, varianty a jejich jednotlivé stavy. Díky tomu budou tvoje návrhy přehledné, konzistentní a snadno upravitelné.

Vytvoříš vlastní design systém, vyzkoušíš si Variables, Modes a design tokens a naučíš se připravit také světlou a tmavou variantu rozhraní. Ukážeme ti, jak propojit jednotlivé obrazovky, vytvářet interaktivní prototypy, animace a mikrointerakce a pracovat s překryvnými okny nebo posouváním obsahu.

Poznáš užitečné pluginy a AI nástroje, základy přístupnosti podle WCAG i postup uživatelského testování. Naučíš se pracovat s Dev Mode, exportovat grafické podklady a připravit návrh k předání vývojářům.

V závěrečném projektu vytvoříš kompletní návrh webové stránky nebo mobilní aplikace – od prvotního zadání přes wireframe a vizuální design až po otestovaný interaktivní prototyp.

Prověřeno absolventy

Online tutoriály Figma