Figma dla średnio zaawansowanych
Przyspiesz pracę w Figmie - opanuj zmienne, nowe funkcje (Draw, Sites, Make), narzędzia AI i podstawy motion design. Ucz się w praktyce, budując style guide, system komponentów i nowoczesny dashboard.
Oferta specjalna
Kup ten kurs za 93 zł z kodem
Minimalna wartość w koszyku, aby aktywować kod: 199 zł.
Dostęp od razu po zakupie
Płacisz raz i wchodzisz prosto do lekcji - bez subskrypcji, bez czekania na grupę.
Ten kurs jest częścią ścieżki
UX/UI Designer
29570 kursantów
Opis szkolenia
Czego się nauczysz:
-
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.
Dla kogo jest ten kurs?
-
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
Co zyskasz po ukończeniu kursu?
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.
Variables, które naprawdę porządkują pracę
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.
Nowe funkcje Figmy w akcji
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.
Prototypowanie ze zmiennymi: stany i logika
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.
Style guide: fundament spójności
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.
Komponenty bez chaosu - praktyczne zasady
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.
Dashboard od A do Z
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.
Motion design i mikrointerakcje
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ść.
Jitter i animacje
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.
Co jeszcze powinieneś wiedzieć?
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.
Kup w pakiecie i oszczędź
Figma dla średnio zaawansowanych
169 zł
Kurs Figma w praktyce - workflow i automatyzacja dla projektantów
169 zł
Cena za zakup pakietu
Oszczędzasz w pakiecie: 68 zł
Zyskujesz 27.04 zł w punktach na kolejne zakupy.
Figma dla średnio zaawansowanych
169 zł
Kurs Figma - podstawy projektowania interfejsów
149 zł
Cena za zakup pakietu
Oszczędzasz w pakiecie: 64 zł
Zyskujesz 25.44 zł w punktach na kolejne zakupy.
Figma dla średnio zaawansowanych
169 zł
Kurs Figma - projektowanie responsywne i auto-layout
129 zł
Cena za zakup pakietu
Oszczędzasz w pakiecie: 60 zł
Zyskujesz 23.84 zł w punktach na kolejne zakupy.
Figma dla średnio zaawansowanych
169 zł
Kurs Design System - systemy projektowe od podstaw
169 zł
Cena za zakup pakietu
Oszczędzasz w pakiecie: 68 zł
Zyskujesz 27.04 zł w punktach na kolejne zakupy.
Figma dla średnio zaawansowanych
169 zł
Figma - praktyczny projekt aplikacji od podstaw
149 zł
Cena za zakup pakietu
Oszczędzasz w pakiecie: 64 zł
Zyskujesz 25.44 zł w punktach na kolejne zakupy.
Figma dla średnio zaawansowanych
169 zł
Kurs Podstawy Product Design - jak projektować produkty cyfrowe
159 zł
Cena za zakup pakietu
Oszczędzasz w pakiecie: 66 zł
Zyskujesz 26.24 zł w punktach na kolejne zakupy.
Figma dla średnio zaawansowanych
169 zł
Kurs Projektowanie UX w praktyce - model podwójnego diamentu
149 zł
Cena za zakup pakietu
Oszczędzasz w pakiecie: 64 zł
Zyskujesz 25.44 zł w punktach na kolejne zakupy.
Figma dla średnio zaawansowanych
169 zł
Kurs UX & UI - sztuka użytecznego projektowania
169 zł
Cena za zakup pakietu
Oszczędzasz w pakiecie: 68 zł
Zyskujesz 27.04 zł w punktach na kolejne zakupy.
Figma dla średnio zaawansowanych
169 zł
Kurs WCAG - dostępność cyfrowa w projektowaniu stron i aplikacji
149 zł
Cena za zakup pakietu
Oszczędzasz w pakiecie: 64 zł
Zyskujesz 25.44 zł w punktach na kolejne zakupy.
Figma dla średnio zaawansowanych
169 zł
Kurs Design Thinking od podstaw - rozwiązuj problemy metodą światowych firm
169 zł
Cena za zakup pakietu
Oszczędzasz w pakiecie: 68 zł
Zyskujesz 27.04 zł w punktach na kolejne zakupy.
Kurs Projektowanie z AI - od briefu do layoutu w kilka godzin
179 zł
Figma dla średnio zaawansowanych
169 zł
Cena za zakup pakietu
Oszczędzasz w pakiecie: 70 zł
Zyskujesz 27.84 zł w punktach na kolejne zakupy.
Figma dla średnio zaawansowanych
169 zł
Kurs Adobe XD - podstawy projektowania interfejsów
159 zł
Cena za zakup pakietu
Oszczędzasz w pakiecie: 66 zł
Zyskujesz 26.24 zł w punktach na kolejne zakupy.
Figma dla średnio zaawansowanych
169 zł
Kurs Midjourney & ChatGPT - sztuczna inteligencja w projektowaniu graficznym
159 zł
Cena za zakup pakietu
Oszczędzasz w pakiecie: 66 zł
Zyskujesz 26.24 zł w punktach na kolejne zakupy.
Twój instruktor
Diana Larussa
UI Designerka
Opinie kursantów
„Polecam. Dużo wartościowej wiedzy."
„super wszystko"
„Bardzo dobry kurs. Polecam!"
„Bardzo wartościowy kurs. Wszystko jasno wytłumaczone. Duża dawka wiedzy."
Damian Zachwieja
„Polecam. Dużo wartościowej wiedzy."
„super szkolenie ! na pewno będe do niego wracać"
Monika Stachowska
Powiązane tematy
Zobacz też
Podobne kursy
Projektowanie
Kurs Figma - podstawy projektowania interfejsów
149 zł
Projektowanie
Kurs Figma w praktyce - workflow i automatyzacja dla projektantów
169 zł
Projektowanie
Kurs Figma - projektowanie responsywne i auto-layout
129 zł
Projektowanie
Kurs Design System - systemy projektowe od podstaw
169 zł
Projektowanie
Figma - praktyczny projekt aplikacji od podstaw
149 zł
Projektowanie
Kurs Podstawy Product Design - jak projektować produkty cyfrowe
159 zł
Projektowanie
Kurs Projektowanie UX w praktyce - model podwójnego diamentu
149 zł
Projektowanie
Kurs UX & UI - sztuka użytecznego projektowania
169 zł
Projektowanie
Kurs UX Design - wprowadzenie do projektowania doświadczeń użytkowników
179 zł
Projektowanie
Kurs WCAG - dostępność cyfrowa w projektowaniu stron i aplikacji
149 zł
Ten kurs jest częścią ścieżki
UX/UI Designer
Opanuj kluczowe techniki projektowania wizualnego oraz projektowania zorientowanego na użytkownika. Zbuduj podstawy, poznaj narzędzia i zacznij wykorzystywać AI, by rozwinąć karierę w branży UX/UI.
Dostęp od razu po zakupie
169 zł