Figma Advanced: prototypowanie i Design Systems
Informacje podstawowe
Najważniejsze dane o szkoleniu w jednym miejscu- Kategoria
- Figma i Canva
- Forma realizacji
- Online lub stacjonarnie
- Termin
- Ustalany indywidualnie
- Dostawca
- ERNABO Adrian Flak
- Dofinansowanie
- Możliwość dofinansowania
Cel szkolenia
Co zyskasz po ukończeniu kursuCel biznesowy
Spójne interfejsy rozwijane szybciej dzięki wspólnemu design systemowi, z którego korzystają projektanci i programiści.
Cel edukacyjny
Uczestnik uczy się budować skalowalne biblioteki komponentów i zaawansowane prototypy w Figmie.
Efekty uczenia się
- buduje komponenty z wariantami, właściwościami i zagnieżdżeniem,
- definiuje zmienne kolorów, odstępów i trybów jasnego oraz ciemnego,
- tworzy prototypy ze zmiennymi, warunkami i Smart Animate,
- organizuje bibliotekę zespołu i zasady jej wersjonowania,
- przygotowuje design tokens i dokumentację dla programistów.
Program szkolenia
Szczegółowy plan zajęćModuł 1. Zaawansowany układ
- zagnieżdżony auto layout i wrap
- min i max szerokości, responsywność
Moduł 2. Komponenty
- właściwości: tekst, wariant, zamiana instancji
- komponenty bazowe i zagnieżdżone
Moduł 3. Zmienne
- kolekcje, tryby, motywy
- design tokens
Moduł 4. Prototypowanie
- zmienne i warunki w prototypie
- Smart Animate i interaktywne komponenty
Moduł 5. Design system
- biblioteki, publikacja zmian, branching
- dokumentacja i Dev Mode
Warsztat końcowy
Uczestnicy budują fragment design systemu z tokenami i komponentami, a następnie wykorzystują go w prototypie z interakcjami.
Wymagania
Co przygotować przed startem szkoleniaWymagania wstępne
Swobodna praca w Figmie: auto layout, komponenty i style.
Dla kogo?
Projektanci UI/UX i produktowi, którzy swobodnie pracują w Figmie, oraz zespoły budujące wspólną bibliotekę komponentów.