Ten kurs jest częścią ścieżki:
UX/UI Designer
projektować z użyciem variables i kolekcji
mapować zmienne na style, komponenty i tryby
prototypować z warunkami, stanami i przełącznikami
korzystać z Figma Draw, Sites, Make i funkcji AI
stosować nowy Auto Layout w złożonych wzorcach
tworzyć style guide: kolory, typografia, komponenty
zaprojektować spójny, nowoczesny dashboard
przygotować mikrointerakcje i animacje w Jitter
Masz wrażenie, że podstawy Figmy już znasz, ale
przy większych projektach wszystko się sypie? Jedna zmiana psuje układ, komponenty
zaczynają się rozjeżdżać, a poprawki trwają godzinami. Ten kurs powstał, by
uporządkować Twój workflow i dać Ci narzędzia, które skalują się
razem z projektem.
Pokażę Ci, jak przejść od „układania ekranów” do świadomego systemu i korzystania z
zmiennych i kolekcji, nowego Auto Layout, modułów Draw, Sites i
Make. Nauczysz się tworzyć style guide, bibliotekę komponentów, a na końcu
przejdziemy do motion design i tworzenia animacji w
Jitter.
projektantów UI/UX
product i web designerów
twórców design systemów
front-end developerów współpracujących z Figmą
grafików DTP przechodzących do digital
Zbudujesz powtarzalny, skalowalny workflow w Figmie: od variables i komponentów po prototypy i motion. Poznasz nowe narzędzia Figma, nauczysz się w praktyce korzystać z funkcji AI i tak by szybciej dowozić profesjonalne spójne projekty i łatwiej wdrażać zmiany.
Pokażę Ci, jak tworzyć kolekcje zmiennych, aliasy i tryby, by jednym ruchem aktualizować kolory, odstępy czy wartości tekstowe w całym pliku. Nauczysz się mapowania na style i komponenty, a także budowania light/dark bez setek duplikatów. Dzięki temu każda zmiana stanie się przewidywalna i natychmiastowa.
Przećwiczymy Figma Draw do szybkich szkiców, Sites do prostych, responsywnych landingów oraz Make do przyspieszania projektowania dzięki funkcjom AI. Udoskonalony Auto Layout wykorzystamy do zagnieżdżeń i elastycznych wzorców. Pokażę Ci, kiedy te narzędzia realnie dają przewagę, kiedy warto je wykorzystać, a kiedy lepiej trzymać się klasycznego podejścia.
Zamiast „martwych” makiet wykonasz prototypy, które reagują jak prawdziwe aplikacje.
Zmienne będą przechowywać proste informacje (np. tryb, licznik, rola użytkownika) i na ich
podstawie zmienisz wygląd lub treść ekranu.
Przećwiczymy konkretne sytuacje:
przełącznik Light/Dark - po kliknięciu podmienią się kolory i ikony
koszyk - dodanie produktu zwiększa licznik i pokazuje przycisk „Zapłać”
formularz - po zbyt długim tekście pojawia się błąd, a po poprawce znika
role - po wyborze „Admin” w menu widać dodatkowe sekcje
filtry - wybrany filtr zostaje zapamiętany między ekranami
Efekt to prototypy, które realnie „żyją”, dzięki czemu szybciej sprawdzisz pomysły z
zespołem lub użytkownikami.
Podczas kursu zbudujemy paletę kolorów i system typografii, a następnie przekształcimy je w variables. To usprawni dalszą pracę i handoff, jeżeli nad projektem pracujesz w zespole. Dla porządku otrzymasz prostą strukturę folderów i nazewnictwa, która skaluje się w miarę rozwoju projektu - od MVP po rozbudowaną bibliotekę komponentów.
Zamiast mnożyć warianty, nauczę Cię minimalnych, czytelnych układów z wykorzystaniem Auto Layout i zmiennych. Dzięki temu komponenty będą elastyczne i przewidywalne, a modyfikacje bezpieczne. To prosty sposób, by utrzymać porządek nawet w dużych plikach i wielu zespołach.
W trakcie kursu zaprojektujemy 15 ekranów: od Overview i Analytics po Settings i Notifications. Zanim zaczniemy, dostaniesz krótką checklistę, która porządkuje pracę:
cele nawigacji i kluczowe widoki,
wzorce kart, tabel i filtrów,
zasady hierarchii i widoczności danych.
Dzięki temu każdy ekran będzie spójny, czytelny i gotowy do kolejnych iteracji.
Pokażę Ci, jak dodać ruch tam, gdzie ma znaczenie: hover, focus, zmiany stanów czy feedback po akcji. Zaczniesz od prostych mikrointerakcji, a potem ożywisz kluczowe ekrany. Omówimy, jak nie przesadzić z animacją i jak używać czasu oraz easingów, by wspierać użyteczność.
Na koniec wyeksportujesz widoki z Figmy do Jitter i przygotujesz lekkie animacje. Podczas kursu pokażę Ci sprawdzony, powtarzalny proces:
wybór kadrów i warstw,
ustawienie animacji,
eksport i kompresja.
Będzie to świetna okazja, aby nie tylko nauczyć się nowych rzeczy, ale też dodać do
portfolio atrakcyjne, krótkie case’y, które pokazują realny przepływ, interakcje
produktu i Twoje umiejętności.
Aby wycisnąć z tego kursu maksimum powinieneś swobodnie poruszać się po Figmie i mieć takie podstawy, jak: Auto Layout/Constraints, style, proste komponenty i warianty. Jeżeli brakuje Ci tych umiejętności, możesz zdobyć je innymi naszymi kursami.
Chętnie pomożemy! Odpowiedz na pytania przygotowane przez naszych specjalistów, a my dopasujemy ścieżkę rozwoju do Twoich preferencji.
Rozpocznij terazDo 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.
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).
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ą:
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.
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ą:
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ę.
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.
🔥 Gorący temat: Dzisiaj 82 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?
Ups! Coś poszło nie tak :(
Google Recaptcha uznał, że jesteś botem i zablokował Twoją ostatnią akcję. Spróbuj ponownie. W razie problemów skontaktuj się z nami.
ZAMKNIJ I SPRÓBUJ PONOWNIE