Kurs Figma Autolayout i Atomic Design
W ciągu tego kursu usprawnisz i przyspieszysz swoją pracę i zmienisz sposób myślenia o projektowaniu. Przygotuj się na dużą dawkę wiedzy i ciekawe zadania, które będziesz mógł wykorzystać w portfolio.
40 lekcji
4h 34min
4 (4 oceny)
Figma Autolayout i Atomic Design - Poznaj Techniki Pracy z UI w Figma
Dla kogo jest ten kurs?
Ten kurs jest świetnym rozwiązaniem nie tylko dla początkujących ale również dla osób, które już od jakiegoś czasu pracują w branży. Unikalne połączenie tematów jest doskonałą okazją do nauki nowych praktycznych umiejętności, a także do uporządkowania wiedzy i podniesienia swoich umiejętności na kolejny poziom. Jedyne czego potrzebujesz to podstawowa umiejętność obsługi Figmy.
Czego się nauczysz?
-
Narzędzia do przyspieszenia i podniesienia efektywności swojej pracy
-
Umiejętność budowania responsywnych i skalowalnych projektów
-
Zdolność do tworzenia elastycznych komponentów
-
Wiedzę jak budować bardziej efektywne, lepiej ustrukturyzowane i spójne design systemy
-
Zrozumienie jak autolayout i Atomic Design łączą się z HTML i CSS
-
Wiedzę teoretyczną, którą przećwiczysz i wykorzystasz w praktyce
-
Projekt, który wykorzystasz w portfolio
-
Pprzewagę na rynku pracy i kluczowe kompetencje, których poszukują pracodawcy
-
Tips and tricks, które dodatkowo usprawnią Twoje projekty
Zawartość
Figma Autolayout i Atomic Design
10 rozdziały 40 lekcji 4h 34min
-
Wstęp do projektowania RWD
14min
-
Pierwsze kroki w Atomic Design
6min
Pierwsze atomy
6min
-
Budujemy atomy
7min
Padding
3min
Gap
4min
-
Zaawansowane atomy
10min
Radio button
3min
Align - część I
3min
HTML/CSS Flexbox
5min
-
Poprawa wyglądu Autolayoutu
16min
Fill
5min
Stroke
3min
Align - część II
4min
Baseline
3min
-
Zależności między elementami
50min
Resizing
12min
Min - Max Width and Height
8min
Direction - część I
8min
Margin
7min
Absolute position
3min
Constraints
5min
Kapsułka
5min
Direction - część II
3min
-
Organizmy
41min
Cookies pop-up
13min
Effects
3min
Formularz
11min
Auto gap
14min
-
Komponenty i Tokeny
33min
Komponenty w Figmie
9min
Tokeny - część I
7min
Tokeny - część II
8min
Tokeny - część III
9min
-
Design Systemy
44min
Wdrożenie design systemu - część I
9min
Wdrożenie design systemu - część II
9min
Dev mode
7min
Organizacja design systemu
11min
Sprzątanie w pliku
8min
-
Przygotowanie projektu
55min
Template
14min
Wypełnianie treścią
8min
Weryfikacja responsywności
9min
Dopasowanie do gridu
7min
Breakpoints
9min
Personalizacja projektu
7min
Autor kursu
Mariusz Czepiec
Średnia ocen autora: 5
Dołącz do ponad 10 tys. zadowolonych z naszych kursów
Bardzo fajny kurs - bez pustego gadania wokół tematu tylko same konkrety. Dzięki!
Katarzyna Tichnowetzki
10 listopada 2023
Konkret, konkret, konkret :)
Rafał Majewski
17 listopada 2023
Dzięku kursowi zyskałem głębsze zrozumienie struktury Atomic Design oraz umiejętność wykorzystania AutoLayout w praktyce, co znacznie usprawniło mój proces projektowania interfejsów. Mariusz świetnie przedstawił złożone koncepcje w sposób klarowny i zrozumiały, co sprawiło, że nauka była nie tylko skuteczna, ale też bardzo przyjemna. Ćwiczenia praktyczne były doskonale zaplanowane, pozwalając mi na natychmiastowe stosowanie nowo nabytych umiejętności w projektach. Ten kurs wyraźnie poszerzył mój horyzont w projektowaniu interfejsów. Polecam!!
Łukasz Jędrzejewski
28 listopada 2023
Kawał świetnego materiału. Masa przyswojonej wiedzy.
Marek Zientek
12 maja 2024
Kurs Figma Autolayout i Atomic Design
-
40 lekcji wideo
-
4h 34min materiału
-
Ostatnia rewizja 05.01.2024
-
Certyfikat w ramach ścieżek
-
Dostęp z urządzeń mobilnych
Dlaczego wybrać właśnie ten kurs?
Efektywna nauka
Kurs wideo to najbardziej efektywna a zarazem najprzyjemniejsza forma nauki. Jest on tak prowadzony, byś cały czas mógł go śledzić z zainteresowaniem i zaangażowaniem, a także czerpać satysfakcję ze zdobytej wiedzy!
Wiedza ekspertów
Wiedza, którą otrzymujesz w tym kursie, to nie tylko sucha teoria, ale również wskazówki od praktyka z wieloletnim doświadczeniem, dzięki którym dużo łatwiej będzie Ci opanować materiał i pracować efektywniej.
Praktyczne przykłady
Uczysz się na praktycznych przykładach. Kurs, który masz przed sobą to esencja praktycznej wiedzy i doświadczenia a także wzorów, które oszczędzą Ci godziny pracy i poszukiwań.
Pytania i odpowiedzi
Przeczytaj najczęściej zadawane pytania
Masz więcej pytań?
Porozmawiaj z nami na na czacie
Zadzwoń +48 880880606
Nie każdy. Jeśli pliki są dostępne dla danego kursu, znajdziesz je w zakładce źródła. Niektóre kursy nie posiadają źródeł ponieważ nie są potrzebne, inne nie mogły być zamieszczone np. ze względu na prawa autorskie do wykorzystania komercyjnych prac naszych autorów. Staramy się aby kursy były maksymalnie praktyczne i chętnie pokazujemy zaplecze zawodowe naszych autorów, ale niekiedy nie możemy dołączyć go w postaci źródeł.
Jak jest skonstruowany kurs?Kurs składa się z rozdziałów oraz lekcji. Staramy się, aby optymalnie kursy miały 5-7 rozdziałów po około 5-10 lekcji w każdym. W ten sposób nauka jest optymalna a podtrzymanie uwagi staje się łatwiejsze. Rekomendujemy przerabianie nie więcej niż jednego rozdziału naraz a po jego przerobieniu powtórzenie materiału we własnym zakresie.
Jak najlepiej wykorzystać kurs?Potraktuj kurs jako inspirację do własnej pracy. Tam, gdzie się da staraj się powtarzać czynności, które wykonuje autor. Nie powtarzaj ich jednak bezmyślnie - spróbuj zmodyfikować przykłady i dostosować je do swoich potrzeb. W ten sposób przyswoisz materiał jeszcze lepiej!
Jak mogę uzyskać dostęp do kursu?Możesz albo wykupić ten konkretny kurs przez koszyk, uzyskując do niego (i jego rewizji) bezterminowy dostęp, albo wykupić wariant abonamentu, który obejmuje dany kurs i w ten sposób oglądać go oraz inne materiały na platformie tak długo, jak Twój abonament jest aktywny.
Czy kurs jest aktualny?Staramy się aby wszystkie materiały na stronie były aktualne. Nie znaczy to, że kurs powstał bardzo niedawno. Często na stronie znajdziesz trochę starsze kursy, jednak regularnie wykonujemy ich rewizję i zmieniamy lekcje - czy to przez dodanie stosownych komentarzy z aktualizacją, czy poprzez nagranie danej lekcji jeszcze raz. Datę ostatniej rewizji znajdziesz w informacjach o kursie.
Czym się różni kurs od warsztatu i ścieżki?Kursy to kilku godzinne, kompleksowe opracowanie danego zagadnienia, podzielone na lekcje i rozdziały. Często uzupełniają je Warsztaty, które mają formę jednej dłuższej, praktycznej lekcji (30min-1h), natomiast ścieżki stanowią zbiór jednych i drugich materiałów - ułożoną z kursów i warsztatów playlistę, która pozwala Ci kompleksowo opanować dane zagadnienie.
Moi znajomi coraz częściej pytają: 'Jak nauczyć się UX?'. Praktycznie każdy kto chce zacząć jest przytłoczony ilością wiedzy, narzędzi pracy oraz jak to wszystko wykorzystać w swojej pracy. Swoim znajomym zawsze polecam eduweb, ponieważ pozwala krok po kroku zrozumieć świat UX od A do Z. Na platformie znajdziesz także bardziej zaawansowane techniki, które zaoszczędzą Ci dziesiątki, a może i setki godzin w pracy. Nie ucz się na swoich błędach - wykorzystaj wiedzę osób, które zrobiły to za Ciebie
Kamil Tatol
Product Design Lead, Pioner Labs
Zacznij naukę w Figma Autolayout i Atomic Design
-
40 lekcji wideo
-
4h 34min materiału
-
Ostatnia rewizja 05.01.2024
-
Certyfikat w ramach ścieżek
-
Dostęp z urządzeń mobilnych
Kursy które mogą Cię również zainteresować
Adobe XD
Grzegorz Róg
Design Systems
Tomek Koszyk
Projektowanie UI
Natalia Bienias
Trendy w UI i UX 2021
Grzegorz Róg
Figma Tips & Tricks
Grzegorz Róg
Interaktywne Prototypy z Adobe XD i ProtoPie
Grzegorz Róg
Flinto
Grzegorz Róg