Design Systems: Tworzenie Spójnych Interfejsów
Tokeny, komponenty, dokumentacja i wdrażanie design systemu w zespółe
Oszczędzasz 51,8 zł!
14 dni gwarancji zwrotu pieniędzy
O kursie
Budowanie design systemów — tokeny, komponenty, dokumentacja, Figma biblioteki i wdrażanie w zespółe.
Program kursu
8 modułów · 24 lekcji · 20h nauki
1Moduł 1: Czym jest design system i dlaczego warto go budować3 lekcji + quiz
- 1Design system — definicja, historia i korzyści dla zespołu
- 2Anatomia design systemu — warstwy i zależności
- 3Audyt istniejącego interfejsu — punkt startowy
- Quiz: Podstawy design systemow
2Moduł 2: Design Tokens — fundament systemu3 lekcji + quiz
- 1Rodzaje tokenów i ich hierarchia
- 2Tokeny w praktyce — CSS, JSON i synchronizacja z Figma
- 3Projektowanie skali kolorów i palety dostępnych
- Quiz: Design Tokens
3Moduł 3: Komponenty — budowanie biblioteki UI3 lekcji + quiz
- 1Anatomia komponentu — warianty, stany i props
- 2Budowanie hierarchii komponentów — atomy, molekuły, organizmy
- 3Komponenty dostępne — ARIA, fokus i testy
- Quiz: Komponenty UI
4Moduł 4: Figma jako narzędzie design systemu3 lekcji + quiz
- 1Biblioteki Figma — tworzenie i zarządzanie
- 2Komponenty Figma — warianty, properties i interaktywność
- 3Handoff — przekazanie projektu do developmentu
- Quiz: Figma i design system
5Moduł 5: Dokumentacja design systemu3 lekcji + quiz
- 1Zasady dobrej dokumentacji — co, dla kogo i jak
- 2Storybook — izolowane komponenty i dokumentacja żywa
- 3Changelog i wersjonowanie — komunikacja zmian w systemie
- Quiz: Dokumentacja
6Moduł 6: Wdrażanie design systemu w zespole3 lekcji + quiz
- 1Strategie adopcji — jak przekonać zespół do systemu
- 2Governance — kto decyduje o zmianach w systemie
- 3Migracja do design systemu w istniejącym projekcie
- Quiz: Wdrażanie design systemu
7Moduł 7: Typografia i ikonografia w design systemie3 lekcji + quiz
- 1System typograficzny — skale, role i rytm
- 2Ikonografia — systemy ikon, rozmiary i implementacja
- 3Ruch i animacja — motion tokens i zasady
- Quiz: Typografia, ikony i animacja
8Moduł 8: Skalowanie i przyszłość design systemu3 lekcji + quiz
- 1Multi-brand i multi-theme — jeden system, wiele twarzy
- 2Performance i optymalizacja biblioteki komponentów
- 3Przyszłość design systemów — AI, nowe narzędzia i trendy
- Quiz: Skalowanie i przyszłośc
Opinie studentów
Agnieszka L.
Solidna dawka wiedzy. Quizy po każdym module pomagają utrwalić materiał.
Kamil S.
Najlepszy kurs w tej tematyce, jaki znalazłem online. Certyfikat to miły bonus.
Joanna M.
Przystępny język, konkretne przykłady. Ukończyłam w tydzień i już korzystam z nowej wiedzy.
Podobne kursy
Więcej kursów z kategorii Design i UX
UX Design
UX Design
Opanuj projektowanie doświadczeń użytkownika — od badań po prototypowanie i testy użyteczności.
Figma od Podstaw
Figma od Podstaw
Opanuj Figmę od zera — projektowanie interfejsów, komponenty, prototypy i design systemy.
Branding: Budowanie Tożsamości Wizualnej
Branding: Budowanie Tożsamości Wizualnej
Logo, identyfikacja wizualna, tone of voice i strategia marki od podstaw
Dostępność (Accessibility) w Designie
Dostępność (Accessibility) w Designie
WCAG, kontrast, czytniki ekranowe i testowanie dostępnośći
Gotowy na nową wiedzę?
Dołącz do 59 studentów, którzy już uczą się z tym kursem.
14 dni gwarancji zwrotu pieniędzy, bez pytań.