Masz już konto? Zaloguj się

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

5 (3 oceny)

Figma Autolayout i Atomic Design - Poznaj Techniki Pracy z UI w Figma

Podczas tego kursu nauczysz się w praktyce tworzyć projekty z wykorzystaniem autolayoutu w Figmie. Poznasz również podstawy pracy z metodologią Atomic Design, żeby jeszcze efektywniej budować interfejsy i design systemy. 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.

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

    Wprowadzenie

    Podgląd lekcji

    4min

    RWD - AWD

    6min

    Podstawy Atomic Design

    4min

  • 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

Bio
Projektant i dyrektor kreatywny z ponad 20-letnim doświadczeniem. Od ponad 6 lat w Publicis Groupe prowadzi multidyscyplinarne zespoły kreacji, projektantów UX, UI i motion design. Współpracował z wieloma globalnymi markami takimi jak Nike, Unilever, Google, P&G, Reckitt, Alcon, BP, Volvo, Huawei czy Microsoft. Współtworzy projekty na pograniczu kreacji i technologi nagradzane na festiwalach Cannes Lion, Clio, Eurobest czy KTR, między innymi w kategorii Digital Craft. Związany również z Uniwersytetem SWPS, gdzie prowadzi zajęcia Digital Design na których zachęca do projektowania z uwzględnieniem doświadczenia w świecie cyfrowym między innymi w VR i Metaverse.
Inne kursy tego autora
Figma Autolayout i Atomic Design

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

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

Wyślij nam e-mail

Zadzwoń +48 880880606

Czy każdy kurs ma pliki źródłowe?

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