Kurs online z certyfikatemDesign system od podstaw
Zbuduj design system od tokenów po komponenty i dokumentację. Kurs tekstowy z ćwiczeniami, plikami do pobrania, quizami i projektem końcowym.
- 21 lekcji po 4 min
- 7 modułów z quizem
- 7 plików do ćwiczeń
- Certyfikat
Program
7 modułów · quiz po każdym · egzamin · razem ok. 1 h 35 min
Moduł 1: Fundamenty design systemu3 lekcje
- Czym jest design system i kiedy się opłacaZa darmo
- Audyt interfejsu: inwentarz przed budową5 min
- Atomic design i anatomia systemu5 min
- Quiz: Fundamenty design systemu
Moduł 2: Design tokens: kolor, typografia, odstępy3 lekcje
- Tokeny bazowe, semantyczne i komponentowe4 min
- Kolor i kontrast według WCAG 2.25 min
- Typografia, odstępy i format tokenów DTCG5 min
- Quiz: Design tokens: kolor, typografia, odstępy
Moduł 3: Tokeny w Figmie i w kodzie3 lekcje
- Zmienne w Figmie: kolekcje, aliasy, zakresy4 min
- Tryby zmiennych: jasny, ciemny i więcej4 min
- Od Figmy do kodu: Style Dictionary i CSS5 min
- Quiz: Tokeny w Figmie i w kodzie
Moduł 4: Komponenty3 lekcje
- Anatomia przycisku: warianty, stany, właściwości4 min
- Auto layout i elastyczne komponenty5 min
- Komponenty formularza5 min
- Quiz: Komponenty
Moduł 5: Dostępność, dokumentacja i wzorce3 lekcje
- Dostępność w systemie: WCAG 2.2 i polskie przepisy5 min
- Dokumentacja komponentu, którą ktoś przeczyta4 min
- Wzorce: usuwanie, puste stany, komunikaty5 min
- Quiz: Dostępność, dokumentacja i wzorce
Moduł 6: Zespół, wersje i wdrożenie3 lekcje
- Zespół i proces zmian w systemie4 min
- Wersje, historia zmian i wycofywanie4 min
- Wdrożenie i mierzenie efektów4 min
- Quiz: Zespół, wersje i wdrożenie
Moduł 7: Projekt końcowy i egzamin→ certyfikat
- Projekt końcowy: plan i zakres wersji 1.04 min
- Projekt końcowy: budowa systemu krok po kroku4 min
- Studium przypadku i prezentacja projektu4 min
- Egzamin końcowy: Design system od podstaw→ certyfikat
Po ukończeniu kursu i zdaniu egzaminu. Z Twoim imieniem i nazwiskiem, do CV i na LinkedIna. Każdy sprawdzi go online po numerze. Certyfikat w abonamencie płatnym.
Pliki do ćwiczeń
Dostępne do pobrania w abonamencie.
- ZIPAudyt interfejsu: szablon i kolejność prac
- ZIPPlik tokenów Finanse Pro i kalkulator kontrastu
- ZIPStyle Dictionary: z pliku tokenów do zmiennych CSS
- ZIPSzerokości w auto layout i liczba wariantów
- ZIPSzablony: strona komponentu i opis wzorca
- ZIPHistoria zmian, formularz zgłoszenia i mierniki
- ZIPProjekt końcowy: karta, lista kontrolna, szablon tokenów
Opinie kursantów
- Karolina R.Ocena 4 na 5tydzień temu
Dostałam pierwszą pracę jako junior designer 6 tygodni po kursie. Portfolio z projektami kursowymi zrobiło dobrą robotę.
- TomekOcena 5 na 52 tygodnie temu
Kurs wymaga zaangażowania — nie obejrzysz 'na tle' mycia naczyń. Ale z notatnikiem i Figmą obok daje konkretne umiejętności.
- Janusz S.Ocena 5 na 53 tygodnie temu
Case studies z polskich projektów — realne, nie amerykańskie case 'FAANG' którym nie uwierzysz.
Opinie na tej stronie nie są weryfikowane. Zweryfikowane opinie dodają kursanci z kont zapisanych na kurs.
O kursie
Design system to wspólny język projektantów i programistów: tokeny, komponenty, wzorce i zasady, dzięki którym produkt wygląda i działa spójnie na każdym ekranie. W tym kursie budujesz go krok po kroku na przykładzie aplikacji Finanse Pro, a w projekcie końcowym tworzysz własny system w wersji 1.0.
Nauczysz się przeprowadzać audyt interfejsu, projektować tokeny w formacie Design Tokens Format Module 2025.10, dobierać kolory z kontrastem zgodnym z WCAG 2.2, korzystać ze zmiennych i trybów w Figmie oraz generować zmienne CSS przez Style Dictionary. Zaprojektujesz przycisk i pole formularza z wariantami i stanami, napiszesz dokumentację komponentu, opiszesz wzorce i ustalisz zasady wersjonowania, wycofywania i mierzenia adopcji. Poznasz też polskie przepisy o dostępności cyfrowej, które mogą dotyczyć Twojego produktu.
Kurs jest tekstowy: 7 modułów, 21 lekcji z diagramami i ćwiczeniami z rozwiązaniami, pliki ćwiczeniowe do pobrania, quiz po każdym module, projekt końcowy i egzamin, po którego zaliczeniu otrzymasz certyfikat.
Aktualne na: październik 2026.
Pytania o kurs
Ile trwa kurs „Design system od podstaw”?
21 lekcji w 7 modułach, każda na ok. 4 min czytania — razem ok. 1 h 35 min. Uczysz się we własnym tempie, kiedy masz chwilę.
Czy po kursie dostanę certyfikat?
Tak. Po ukończeniu kursu i zdaniu egzaminu końcowego (próg 70%) dostajesz certyfikat PDF z imieniem i nazwiskiem oraz numerem, który każdy może sprawdzić online na vita.edu.pl.
Czy dostanę certyfikat w okresie próbnym?
Egzamin możesz zdać już w okresie próbnym. Certyfikat wydajemy po pierwszej płatności — możesz ją zrobić od razu jednym kliknięciem.
Czy mogę zobaczyć kurs przed zapisem?
Tak. Pierwszą lekcję („Czym jest design system i kiedy się opłaca”) przeczytasz za darmo. Pełny dostęp daje abonament VITA, a pierwsze 3 dni kosztują 0 zł.
Ile kosztuje dostęp do kursu?
Kurs jest w abonamencie VITA razem z całym katalogiem: 79 zł miesięcznie albo 690 zł za rok (ok. 58 zł miesięcznie). Przez pierwsze 3 dni nic nie płacisz. Karta jest wymagana, a anulujesz jednym kliknięciem w panelu.
Czy kurs jest w formie wideo?
Nie, to kurs tekstowy: krótkie lekcje z przykładami, plikami do ćwiczeń i quizem po module. Czytasz na telefonie albo komputerze, w dowolnym momencie.
Jak anulować abonament?
W panelu konta, jednym kliknięciem. Dostęp zostaje do końca opłaconego okresu.
Podobne kursy
Sprawdź, czy to kurs dla Ciebie
Pierwsza lekcja za darmo. Potem 3 dni za 0 zł w abonamencie.