Szkolenie Figma UX/UI
Poziom
PodstawowyCzas
16h / 2 dniTermin
IndywidualnieCena
IndywidualnieSzkolenie Figma UX/UI
Szkolenie ma charakter warsztatowy i przygotowuje do uporządkowanej pracy w Figma przy projektowaniu materiałów cyfrowych, prostych interfejsów oraz kampanii marketingowych. Uczestnicy poznają organizację plików, ramki, siatki, Auto Layout, style, zmienne, komponenty, warianty i biblioteki zespołowe, a następnie wykorzystują je do przygotowania skalowalnego zestawu formatów. Program obejmuje również uproszczony system projektowy, współpracę zespołową, kontrolę wersji oraz eksport materiałów do dalszej publikacji. Auto Layout wspiera elastyczne układy reagujące na zmianę zawartości, a zmienne i tryby umożliwiają zarządzanie wielokrotnie wykorzystywanymi wartościami oraz różnymi kontekstami projektu. Efektem szkolenia jest uporządkowany plik projektowy, biblioteka podstawowych komponentów i stylów oraz zestaw spójnych materiałów kampanii digitalowej.
Dla kogo jest to szkolenie?
Dla osób posiadających podstawową wiedzę z zakresu projektowania graficznego, hierarchii wizualnej, typografii i koloru, które chcą rozpocząć uporządkowaną pracę w Figma
Dla projektantów i grafików, którzy chcą przyspieszyć przygotowywanie materiałów dzięki ramkom, Auto Layout, stylom, zmiennym, komponentom i wariantom-
Dla członków zespołów marketingowych i kreatywnych odpowiedzialnych za spójne wizualnie kampanie cyfrowe, reklamy internetowe i materiały do mediów społecznościowych
-
Dla osób współpracujących nad materiałami digitalowymi, które chcą uporządkować strukturę plików, zasady komentowania, wersjonowanie, zatwierdzanie i eksport projektówosób współpracujących przy tworzeniu materiałów digitalowych (social media, bannery, reklamy online)
Czego się nauczysz na szkoleniu?
- Uporządkujesz plik projektowy z wykorzystaniem stron, sekcji, warstw, ramek, siatek i jednoznacznego nazewnictwa
- Przygotujesz elastyczne układy za pomocą Auto Layout oraz dostosujesz materiały do różnych wymiarów i proporcji
- Utworzysz style, zmienne, komponenty, właściwości komponentów i warianty oraz zastosujesz je w wielu formatach projektu
- Zbudujesz uproszczoną bibliotekę zasobów marki obejmującą kolory, typografię, efekty, logotypy i elementy wielokrotnego użytku
- Przygotujesz zestaw materiałów kampanii digitalowej na podstawie briefu oraz zweryfikujesz jego spójność, czytelność i poprawność techniczną
- Skonfigurujesz współpracę w pliku, uporządkujesz informacje zwrotne, przygotujesz projekt do akceptacji i wyeksportujesz materiały we właściwych formatach
Program szkolenia
Dzień 1
Moduł 1: Interfejs i organizacja pracy
- Struktura pliku – strony, sekcje, warstwy, grupy, nazewnictwo, kolejność elementów i nawigacja po dokumencie
- Ramki i układy – frames, layout grids, Auto Layout, odstępy, wyrównanie, constraints oraz reguły zmiany rozmiaru
- Tekst, obrazy i kształty – właściwości warstw, maski, kadrowanie, efekty, hierarchia wizualna i kontrola jakości zasobów
- Organizacja dokumentu – architektura stron, obszary robocze, statusy projektów, porządek warstw i standardy zespołowe
Moduł 2: Podstawy stylów i komponentów
- Style i zmienne – typografia, kolory, efekty, siatki, kolekcje zmiennych, nazewnictwo oraz wielokrotne wykorzystanie wartości
- Podstawy komponentów – komponenty główne, instancje, zagnieżdżenia, właściwości komponentów oraz kryteria wielokrotnego użycia
- Biblioteka prostych komponentów – elementy tekstowe, przyciski, etykiety, karty, belki, elementy graficzne i zasady budowy
- Warianty i instancje – typy, rozmiary, stany, podmiana zawartości, właściwości logiczne oraz kontrola spójności projektu
Moduł 3: Ćwiczenia praktyczne – szablony materiałów
- Materiały marketingowe – posty, relacje, banery, reklamy display, nagłówki i inne formaty kampanii cyfrowej
- Zastosowanie komponentów i stylów – spójność typografii, kolorów, odstępów, grafiki oraz elementów marki
- System formatów – szablony bazowe, warianty wymiarów, adaptacje treści, Auto Layout oraz kontrola obszarów bezpiecznych
Dzień 2
Moduł 4: Design System i zarządzanie spójnością marki
- Uproszczony Design System – fundamenty wizualne, reguły użycia, komponenty, wzorce, dokumentacja i zakres dostosowany do marketingu
- Biblioteki zespołowe – struktura zasobów, nazewnictwo, opisy, kategorie, publikacja i dostępność elementów dla zespołu
- Udostępnianie bibliotek – uprawnienia, publikacja zmian, aktualizacje komponentów, kontrola zależności i wersjonowanie
- Zasoby marki – logotypy, kolory, typografia, ikony, obrazy, gotowe elementy, źródła zasobów i zasady poprawnego użycia
Moduł 5: Case study – projekt kampanii digitalowej od A do Z
- Założenia kampanii – brief, grupa odbiorców, cel komunikacyjny, kanały, formaty, ograniczenia i kryteria akceptacji
- Layouty kampanii – hierarchia treści, kompozycja, typografia, grafika, wezwania do działania i warianty reklamowe
- Adaptacje materiałów – skalowanie formatów, podmiana treści, zmienne, komponenty, obszary bezpieczne i kontrola spójności
Moduł 6: Współpraca w zespole
- Komunikacja projektowa – komentarze, oznaczenia, statusy, wątki, odpowiedzi, rozstrzygnięcia i wspólna praca w czasie rzeczywistym
- Organizacja plików – wersje robocze, warianty do akceptacji, materiały finalne, historia wersji i odpowiedzialność za zmiany
- Akceptacja projektu – prezentacja wariantów, porównanie wersji, lista poprawek, kontrola kompletności i zatwierdzenie materiałów
- Eksport grafik – formaty PNG, JPG, SVG i PDF, skale, rozdzielczości, nazewnictwo plików, przezroczystość i kontrola wyniku
Moduł 7: Zadanie zespołowe – mini-projekt kampanii
- Zespołowy brief projektowy – role, zakres, harmonogram, formaty, kryteria jakości i podział odpowiedzialności
- Zestaw materiałów kampanii – komponenty, style, zmienne, biblioteka zasobów, adaptacje formatów i współpraca w pliku
- Prezentacja rezultatów – uzasadnienie decyzji, kontrola spójności, analiza ograniczeń, informacja zwrotna i rekomendacje zmian
