Design i UXBestseller

Design Systems: Tworzenie Spójnych Interfejsów

Tokeny, komponenty, dokumentacja i wdrażanie design systemu w zespółe

4.6(24 opinii)👨‍🎓 59 kursantów
24 lekcji
20h nauki
8 quizów
Certyfikat
✨ Dostępny w abonamencie VITA
Zacznij za darmo — 7 dni trial

od 49 PLN/mc · 248 kursów · Anuluj kiedy chcesz

Jeden abonament — cały katalog kursów

Dostęp do wszystkich 248 kursów
Testy wiedzy po każdym module
Certyfikat PDF po ukończeniu
Nowe kursy co tydzień
Anuluj kiedy chcesz

Program kursu

8 modułów · 24 lekcji · 20h nauki

1
Moduł 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
2
Moduł 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
3
Moduł 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
4
Moduł 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
5
Moduł 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
6
Moduł 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
7
Moduł 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
8
Moduł 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

O kursie

Budowanie design systemów — tokeny, komponenty, dokumentacja, Figma biblioteki i wdrażanie w zespółe.

🎯Dla kogo jest ten kurs?

✅Dla początkujących chcących nauczyć się od zera
✅Dla profesjonalistów szukających nowych umiejętności
✅Dla osób chcących rozwinąć karierę w tej dziedzinie
✅Dla każdego, kto ceni praktyczną i sprawdzoną wiedzę

Opinie studentów

G

Grzegorz D.Zweryfikowany

2 tygodnie temu

Dobry balans teorii (grid, rytm, hierarchia) z praktyką w narzędziach. Reale projekty do portfolio.

m

m.lipinskaZweryfikowany

3 tygodnie temu

Case studies z polskich projektów — realne, nie amerykańskie case 'FAANG' którym nie uwierzysz.

S

Sylwia T.Zweryfikowany

4 tygodnie temu

Dla developerów przesiadających się w UI — dokładnie to co potrzeba. Zero czasu na 'kreatywne rozważania'.

A

Adam T.Zweryfikowany

miesiąc temu

Component systems i design tokens — w tym pomógł mi najbardziej. Nadążam za standardami z dużych firm.

❓Najczęściej zadawane pytania

Dostęp masz przez cały czas trwania abonamentu All Access. Certyfikat, który zdobędziesz, pozostaje ważny bezterminowo.
Tak! Po ukończeniu kursu i zdaniu egzaminu końcowego otrzymasz certyfikat PDF z weryfikacją online.
Tak, w dowolnym momencie z panelu konta. Dostęp wygasa z końcem opłaconego okresu.
Kurs jest zaprojektowany tak, abyś mógł zacząć od zera. Nie wymagamy żadnych poprzednich umiejętności.
Kurs składa się z lekcji tekstowych, quizów po każdym module i egzaminu końcowego. Uczysz się we własnym tempie 24/7.

Podobne kursy

Więcej kursów z kategorii Design i UX

Branding i identyfikacja wizualna

Nowy
Design i UX4.2

Branding i identyfikacja wizualna

12h28 lekcjiAbonament

UI/UX Design - podstawy projektowania

Nowy
Design i UX4.9

UI/UX Design - podstawy projektowania

12h26 lekcjiAbonament

UX Design

Promocja
Design i UX4.5

UX Design

11h24 lekcjiAbonament

Figma od Podstaw

Promocja
Design i UX4.2

Figma od Podstaw

11h24 lekcjiAbonament

Gotowy na nową wiedzę?

Dołącz do 59 kursantów, którzy już uczą się z tym kursem.

Odblokuj z abonamentem — 7 dni za darmo

Od 49 PLN/miesiąc · 248 kursów · Anuluj kiedy chcesz