✅ Nowoczesny system szkoleniowy dla firm i zespołów! Zobacz ofertę

Zastanawiasz się jak zwiększyć motywację i zaangażowanie w swoim zespole? Poznaj nasz nowoczesny system szkoleniowy dla firm i zespołów. Dzięki skutecznemu systemowi motywacji aż 80% użytkowników kończy szkolenie! Twórz programy nauczania dopasowane nie tylko do specyfiki Twojej działalności, ale przede wszystkim do potrzeb działu, stanowiska czy konkretnego pracownika. Wybierz pakiet

✅ Ucz się o dowolnej porze i oglądaj szkolenia bez dostępu do Internetu w aplikacji mobilnej

Pobierz naszą aplikację mobilną strefakursów.pl i ucz się bez żadnych ograniczeń. Pobieraj kursy i lekcje na swoje urządzenie i oglądaj nawet bez dostępu do Internetu. Dla nowych użytkowników aplikacji mamy niespodziankę! Aby odebrać prezent musisz zezwolić aplikacji na wysyłanie powiadomień. Pobierz aplikację

Pomoc i kontakt

Koszyk

Zaloguj się

strefakursów.pl Projektowanie

Kurs Design System - systemy projektowe od podstaw:Trailer

Naucz się tworzyć skalowalne, spójne i łatwe w utrzymaniu design systemy. Poznaj najlepsze praktyki w tworzeniu systemów projektowych i rozwiń swoją karierę UX/UI Designera.

Kurs Design System - systemy projektowe od podstaw:Bootstrap

Naucz się tworzyć skalowalne, spójne i łatwe w utrzymaniu design systemy. Poznaj najlepsze praktyki w tworzeniu systemów projektowych i rozwiń swoją karierę UX/UI Designera.

Kurs Design System - systemy projektowe od podstaw:Ekran zamówień

Naucz się tworzyć skalowalne, spójne i łatwe w utrzymaniu design systemy. Poznaj najlepsze praktyki w tworzeniu systemów projektowych i rozwiń swoją karierę UX/UI Designera.

DARMOWE FRAGMENTY

Ten kurs jest częścią ścieżki:

UX/UI Designer

27745 użytkowników podnosi swoje kwalifikacje w tej ścieżce kariery.

Czego się nauczysz:

myślenia regułami, projektowania konsekwentnie i systemowo

pracy z biblioteką stylów

tworzenia komponentów i poprawnego ich nazywania według konwencji nazewniczych

praktycznego użycia auto-layoutu

wybierania i tworzenia skali kolorów i typografii

przygotowywania projektów, tak aby były łatwiejsze do kodowania

dobrych praktyk w tworzeniu systemów projektowych

wykorzystania design systemów w różnych obszarach projektowania

Myślisz o karierze UX/UI Designera i chcesz zwiększyć swoje szanse na rynku pracy? A może już pracujesz jako projektant, chcesz rozwinąć swoje umiejętności i poznać najlepsze praktyki tworzenia systemów projektowych? Zależy Ci na tym, aby zadbać o spójność twoich projektów, ale nie kosztem ich funkcjonalności? W takim razie ten kurs online będzie dla Ciebie strzałem w dziesiątkę!

Podczas szkolenia nauczysz się tworzyć skalowalne, spójne i łatwe w utrzymaniu design systemy. Przejdziemy przez tematy związane z responsywnością, kolorem, typografią, cieniami czy ikonami. Utworzymy też bibliotekę komponentów, którą będziesz mógł wielokrotnie wykorzystać w różnych projektach. Znajdzie się tam ponad 20 różnych komponentów m.in. przyciski, pola tekstowe, checkboxy i wiele innych często używanych elementów.

W końcowej części kursu, korzystając z przygotowanych wcześniej komponentów, wykonasz 3 praktyczne projekty - dashboard do zarządzania sprzedażą, landing page dla produktu i aplikację mobilną podobną do popularnych komunikatorów: Messengera i WhatsApp’a.

Wprowadzenie do Design Systemów

Na początku kursu zdobędziesz podstawową wiedzę na temat systemów projektowych. Wytłumaczę Ci czym dokładnie jest design system, do czego jest potrzebny i jak projektant może efektywnie wykorzystywać go w swojej pracy. Dowiesz się również czym jest Atomic Design System, który pomoże Ci skutecznie organizować i zarządzać komponentami w Twoim projekcie. Nauczysz się tworzyć atomowe elementy, które stanowią podstawę dla bardziej złożonych komponentów i stron. Dzięki temu Twój projekt będzie spójny, łatwy w utrzymaniu i skalowalny.

Biblioteka stylów w design systemie

Po krótkim wprowadzeniu przejdziemy do stworzenia kompleksowej i spójnej biblioteki stylów, która będzie fundamentem przyszłych projektów. W tej części kursu wykonamy wszystkie niezbędne elementy projektowe. Nauczysz się definiować siatki, układy i odstępy, zarządzać ikonami, ilustracjami, wybierać kolory oraz tworzyć skale typograficzne. Będziemy korzystać z praktycznych przykładów, wskazówek i technik, które na co dzień wykorzystują doświadczeni projektanci.

Komponenty

W trakcie kursu wspólnie ze mną stworzysz ponad 20 rozbudowanych komponentów, które będziesz mógł później wielokrotnie wykorzystywać w różnych projektach. Nasza biblioteka będzie składała się między innymi z komponentów takich jak:

button
text input
avatar
checkbox

dropdown
top navigation
breadcrumbs

Podczas kursu nauczysz się zarządzać powtarzalnymi elementami, takimi jak ikony, typografia i kolory. Dowiesz się również jak odpowiednio nazywać swoje komponenty. Poznasz konwencje nazewnicze, które pomogą Ci lepiej je organizować i łatwo nimi zarządzać.

Praktyczne projekty

Podczas szkolenia stworzysz aż 3 praktyczne projekty: dashboard do zarządzania sprzedażą, landing page produktu i aplikację mobilną czatu, przypominającą komunikatory Messenger i WhatsApp. Pracując nad nimi będziesz wykorzystywać stworzony wcześniej design system. Dzięki temu zdobędziesz doświadczenie w korzystaniu z gotowych komponentów, a także ich wariantów i auto-layout’u.

Na sam koniec pokażę Ci jeszcze jak stworzyć dokumentację design systemu, aby pomóc innym zrozumieć jak działa i jak go używać. Dzięki temu inne osoby pracujące nad projektem np. developerzy, będą w stanie szybko połapać się w poszczególnych elementach projektu. Pozwoli to na bardziej efektywną pracę, pozwoli uniknąć niespójności w projektach i sytuacji, w których te same lub podobne komponenty tworzone są wielokrotnie bez potrzeby.

Co jeszcze powinieneś wiedzieć?

W tym kursie będziemy korzystać z programu Figma, ale proces tworzenia design systemu, który będziemy omawiać, możesz zastosować również w innych programach np. Sketch czy Adobe XD - wiedza zawarta w kursie jest uniwersalna. Jeżeli nie używasz Figmy lub pozostałych z wymienionych narzędzi możesz nauczyć się ich obsługi z naszych szkoleń:

ZOBACZ WIĘCEJ

Nie wiesz od czego zacząć naukę?

Chętnie pomożemy! Odpowiedz na pytania przygotowane przez naszych specjalistów, a my dopasujemy ścieżkę rozwoju do Twoich preferencji.

Rozpocznij teraz

Program nauczania

1 Wprowadzenie

Wstęp 02m 03s

Jak korzystać z materiałów? 00m 49s

Omówienie projektów 01m 33s

2 Wprowadzenie do designe systemów

Co to jest Design System? 07m 30s

Kiedy potrzebujemy Design Systemu? 06m 44s

Popularne Design Systemy 06m 00s

Atomic Design System 05m 08s

3 Pierwsze kroki w Design Systemie

Jak zacząć Design System? 05m 00s

Podstawy 13m 42s

Używanie Siatek/Grid 04m 55s

Bootstrap Podgląd 08m 25s

Kolory 17m 38s

Typografia 08m 27s

Cienie 05m 32s

Ikony 02m 09s

Prywatne komponenty 04m 54s

4 Wspólne Komponenty

Dobre praktyki w tworzeniu komponentów 17m 01s

Button 13m 01s

Tekst Input 08m 31s

Textarea 07m 04s

Radio button & Checkboxes 09m 11s

Toggle Button (Switches) 04m 53s

Avatar 12m 08s

Dropdown 10m 18s

Comboboxes 09m 24s

Badges 04m 36s

Pagination 09m 14s

Breadcrumbs 04m 58s

Tables 10m 57s

Sidebar navigation 12m 27s

Top navigation 04m 41s

Metrics 12m 46s

Tabs 03m 14s

Modals 05m 15s

5 Projekt Dashboard

Ekran startowy 14m 05s

Ekran zamówień Podgląd 07m 24s

Ekran klientów 12m 15s

Ekran ustawień 07m 27s

6 Projekt Aplikacji Mobilnej

Komponenty dla aplikacji mobilnej 06m 18s

Ekrany dla aplikacji mobilnej 12m 00s

7 Projekt Landing Page

Komponenty dla landing page 16m 11s

Ekrany dla Landing page 09m 32s

8 Dokumentacja i używanie design systemu

Dokumentacja i Developerzy 08m 21s

Używanie Design Systemu 03m 34s

Zakończenie 01m 07s

Ocena uczestników

55041 użytkowników oceniło i zrecenzowało szkolenia strefakursów.pl

Średnia ocena uczestników w niezależnym serwisie Google to 4.9/5 ⭐⭐⭐⭐⭐ z 2914 wszystkich opinii.

92%

Recenzje użytkowników (26)

Anna Przastek

13 kwietnia 2025

5.0

Świetny kurs, dużo osób zapomina o tym jak ważne są design systemy. Każdy początkujący powinien się z tym zapoznać.

Lucyna Kubicka

7 kwietnia 2025

5.0

Super kurs, przydatna wiedza w pigułce.

Jakub Kmiecik

19 lutego 2025

5.0

Super

Daniel Perec

10 grudnia 2024

5.0

super!

Łukasz Szczęsny

25 września 2024

5.0

Bardzo dobry kurs z przykładami

WIĘCEJ RECENZJI

Najczęściej zadawane pytania

Jak wygląda uczestnictwo w kursie online?

Kursy online w strefakursów.pl to wideoporadniki przygotowane przez zespół naszych specjalistów. Twoje uczestnictwo w szkoleniu polega na tym, że otrzymujesz dostęp do wykładów wideo oraz innych materiałów szkoleniowych za pośrednictwem platformy szkoleniowej zaraz po zalogowaniu się na swoje konto. Konto jest bezpłatne i możesz założyć je w dowolnym momencie lub w trakcie dokonywania pierwszego zakupu w serwisie strefakursów.pl. Materiały, do których otrzymasz dostęp pozwolą Ci rozwinąć się zawodowo i podnieść Twoje kwalifikacje. Każdy kurs przepełniony jest praktyczną wiedzą, która ułatwi Ci osiągnięcie wymarzonych życiowych celów. Zdobytą wiedzę i postępy w nauce możesz w łatwy sposób zweryfikować za pomocą licznych testów i ćwiczeń dołączonych do każdego kursu.

Czy otrzymam certyfikat ukończenia szkolenia i jaką ma on formę?

Do każdego ukończonego przez Ciebie kursu wystawiamy imienny certyfikat - będzie on dostępny na platformie szkoleniowej w zakładce Certyfikaty. Warunkiem jego otrzymania jest zaliczenie testów dołączonych do kursu oraz obejrzenie wszystkich lekcji. Na certyfikacie znajduje się Twoje imię oraz nazwisko, nazwa ukończonego kursu, data wystawienia i unikalny numer certyfikatu. Warto podkreślić, że jesteśmy wpisani do Rejestru Instytucji Szkoleniowych (nr wpisu 2.12/00119/2017). Ten numer również będzie widoczny na certyfikacie.

Certyfikat możesz wydrukować (plik pdf) lub opublikować w Internecie za pośrednictwem specjalnego odnośnika np. na LinkedIn lub innych portalach społecznościowych, jak również dołączyć do swojego CV.

Pamiętaj, że certyfikatów nie wysyłamy w formie papierowej.

Czy otrzymam fakturę VAT za zamówienie?

Tak, do każdego zamówienia mamy obowiązek wystawić fakturę VAT (23%) lub paragon. Rodzaj dokumentu zależy od danych, które podasz w formularzu podczas składania zamówienia. Faktury zwykle wystawiamy do 3 dni roboczych od momentu zaksięgowania wpłaty. Poinformujemy Cię o tym fakcie mailowo, a dokument będzie można pobrać bezpośrednio z poziomu zakładki Historia zamówień na Twoim koncie w strefakursów.pl. Jeśli potrzebujesz proformy do opłacenia zamówienia, złóż zamówienie zaznaczając w formularzu pole "Chcę otrzymać dokument proforma" lub skontaktuj się z nami telefonicznie bądź mailowo (biuro@strefakursow.pl).

Zakup w aplikacji mobilnej strefakursów.pl, a faktura

Zakup w App Store(iOS)

Gdy dokonujesz zakupu w aplikacji strefakursów.pl na iOS za pośrednictwem Apple Pay sprzedawcą jest Apple. Fakturę lub dokument zakupu znajdziesz zgodnie z poniższą instrukcją:

Otwórz Ustawienia na iPhone
Kliknij swoje imię i nazwisko na górze ekranu, aby przejść do ustawień Apple ID.
Wybierz Multimedia i zakupy > Pokaż konto.
Przewiń w dół i wybierz Historia zakupów.
Znajdź interesujący Cię zakup i kliknij na niego, aby zobaczyć szczegóły oraz możliwość pobrania faktury.

Możesz również pobrać dokument przez stronę Apple. Przejdź pod ten adres: https://reportaproblem.apple.com/, następnie zaloguj się swoim Apple ID, znajdź zakup na liście i kliknij, aby zobaczyć szczegóły i ewentualnie pobrać dokument. Apple zwykle wystawia fakturę jako dostawca usług cyfrowych. Jeśli potrzebujesz faktury VAT, możesz skontaktować się z pomocą techniczną Apple, aby uzyskać dodatkowe informacje na temat zgodności faktury z przepisami w Twoim kraju.

Zakup w Google Play(Android)

Gdy dokonujesz zakupu w aplikacji strefakursów.pl na Android za pośrednictwem Google Pay sprzedawcą jest Google. Fakturę lub dokument zakupu znajdziesz zgodnie z poniższą instrukcją:

Otwórz aplikację Google Play.
Kliknij ikonę swojego profilu w prawym górnym rogu.
Wybierz Płatności i subskrypcje > Historia zakupów.
Znajdź interesujący Cię zakup i kliknij na niego, aby zobaczyć szczegóły. Jeśli chcesz pobrać fakturę, kliknij przycisk Faktura (jeśli jest dostępny).

Możesz również znaleźć fakturę na stronie Google Pay. Przejdź pod ten adres: pay.google.com i zaloguj się na swoje konto Google, z którego dokonano zakupu. W sekcji Aktywność znajdziesz wszystkie transakcje dokonane w Google Play. Kliknij daną transakcję, aby zobaczyć szczegóły i pobrać fakturę.

Czy dostęp do szkolenia jest ograniczony czasowo?

Po opłaceniu zamówienia otrzymujesz nielimitowany dostęp do zakupionych materiałów. Dzięki temu, że szkolenia są dla Ciebie dostępne zarówno online za pośrednictwem naszej platformy szkoleniowej i offline w aplikacji mobilnej strefakursów.pl, możesz w dowolnym czasie i miejscu powracać do obejrzanych lekcji i powtarzać materiał bez ograniczeń. Dodatkowo po ukończeniu całego szkolenia otrzymasz imienny certyfikat poświadczający Twój udział w szkoleniu. Certyfikat możesz opublikować np. na LinkedIn lub innych portalach społecznościowych, jak również dołączyć do swojego CV.

Agata Sakowicz

UX designerka

4.9

(26 ocen)

Kurs Design System - systemy projektowe od podstaw

Q: ✅ Dożywotni dostęp do szkolenia i możliwość powtarzania materiału w dowolnym miejscu i czasie.

Po opłaceniu zamówienia otrzymujesz nielimitowany dostęp do zakupionych materiałów . Dzięki temu, że szkolenia są dla Ciebie dostępne zarówno online za pośrednictwem naszej platformy szkoleniowej i offline w aplikacji mobilnej strefakursów.pl , możesz w dowolnym czasie i miejscu powracać do obejrzanych lekcji i powtarzać materiał bez ograniczeń. Dodatkowo po ukończeniu całego szkolenia otrzymasz imienny certyfikat poświadczający Twój udział w szkoleniu. Certyfikat możesz opublikować np. na LinkedIn lub innych portalach społecznościowych, jak również dołączyć do swojego CV.

Q: ✅ Nie wiesz od czego zacząć naukę? Chętnie pomożemy!

W naszej ofercie znajdują się setki kursów online, jeśli nie wiesz od czego zacząć naukę zaufaj naszemu doświadczeniu. Odpowiedz na pytania przygotowane przez naszych specjalistów, a my dopasujemy ścieżkę rozwoju do Twoich preferencji. Rozpocznij teraz

Naucz się tworzyć skalowalne, spójne i łatwe w utrzymaniu design systemy. Poznaj najlepsze praktyki w tworzeniu systemów projektowych i rozwiń swoją karierę UX/UI Designera.

Kto pyta nie błądzi! Zobacz Najczęściej zadawane pytania

🔥 Gorący temat: W tym tygodniu 190 użytkowników obejrzało to szkolenie

Rozpocznij naukę teraz za darmo, zapłać w ciągu 30 dni z lub – Jak to działa?

Dożywotni, nielimitowany dostęp do kursu

85zł

169zł

2025-08-22

1575

⏰ To szkolenie kupisz 50% taniej jeszcze tylko przez: 05 : 23 : 17 : 50

Oferta dla firm i zespołów

To szkolenie obejmuje:

Nielimitowany dostęp online

Certyfikat ukończenia

6 godzin szkolenia

45 wykładów

Poziom: Podstawowy

Testy i zadania

24 pytań testowych

Rekomendacje na LinkedIn

Napisy dostępne w językach:
polski, angielski, ukraiński

Dostęp w aplikacji mobilnej

Powiązane tematy:

Ten kurs jest częścią ścieżki

4.7

UX/UI Designer

Opanuj kluczowe techniki projektowania wizualnego oraz projektowania zorientowanego na użytkownika. Zbuduj solidne podstawy i poznaj narzędzia, które pozwolą Ci rozwinąć karierę w branży UX/UI.

558 wykładów

27745 uczestników

Dowiedz się więcej