Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

3 tygodnie nauki

W krótkim czasie sprawdź czy design jest dla Ciebie i poznaj wszystkie sztuczki w Figmie.

Poziom: od zera

Kurs przeznaczony jest dla osób które dopiero zaczynają przygodę z Figmą.

Tylko 50 miejsc

Liczba miejsc jest ograniczona, aby zapewnić uczestnikom kursu dobrą komunikację.

Wprowadzenie do Figmy

Tydzień 1 — 80 min

Na tym etapie omówimy podstawowe narzędzia dostępne w Figmie. Pozwoli Ci to dogonić osoby, które miały już styczność z tym programem, dzięki czemu wszyscy ruszymy równo.

  • Omówienie narzędzi w Figmie
  • Formatowanie tekstu
  • Efekty specjalne
  • Wykorzystanie siatki
  • Skład Style Guide
  • Przydatne skróty klawiszowe
Atomic Design i komponenty

Tydzień 1 — 30 min

Komponenty są tematem, który często sprawia młodym projektantom dużo problemu. Dlatego zaczynamy kurs od zrozumienia, dlaczego warto z nich korzystać i jak sprawić, żeby były pomocą w projektowaniu, a nie przeszkodą.

  • Zasady Atomic Design
  • Co powinno być komponentem
  • Trzymanie porządku w projekcie
  • Praca z innymi designerami
4 popularne style UI

Tydzień 1 — 40 min

Tak naprawdę każda praca kreatywna jest kopią kopii, kopii. Jeżeli zrozumiesz kluczowe style panujące w branży, będziesz w stanie zrobić progres znacznie szybciej. Najpierw naucz się kopiować to, co dobre. Dopiero potem stawiaj na oryginalność.

  • Książka: Steal like an Artist
  • Styl UI: Clean White
  • Styl UI: Gray Backgrop
  • Styl UI: Glassmorphism
  • Styl UI: Brutalizm
  • 8 najczęstszych typów navbaru
Case Study: Apka Spotify

Tydzień 1 — 30 min

Najłatwiej nauczyć się designu, analizując wybitne projekty. Rozbijemy aplikację Spotify na składowe i zobaczymy, jakie komponenty (i dlaczego) zostały wykorzystane przy jej tworzeniu. Następnie wykorzystasz wiedzę do swojego pierwszego projektu.

Weekly Challenge: Odtworzenie iOS App Store

Po co używać Auto Layout?

Tydzień 2— 30 min

Auto Layout zwany przez młodych designerów też „czarną magią” jest jedną z najważniejszych funkcjonalności Figmy. Zrozum, jak wykorzystać tę funkcję, by projektować szybciej i eksportować projekty do stron online jednym klikiem.

  • Po co używać Auto Layout
  • Jak używać Auto Layout
  • Responsywny design
  • Projektowanie na mobile i desktop
  • Podstawy HTML i CSS
  • Integracja Figma i Webflow
Złote standardy designu

Tydzień 2— 40 min

W tym rozdziale nauczysz się najlepszych praktyk stosowanych przez ekspertów z największych firm.

  • Skalowanie tekstu
  • Układanie palety kolorów
  • Klasyczne rozmiary elementów
  • Testowanie na telefonie
  • Zasada 8 pixeli
  • Korzystanie z Moodboardu
Warianty komponentów

Tydzień 2— 20 min

„Obsesja na punkcie porządku” była pierwszą pozycją w ogłoszeniu o pracę UI Designera w firmie Apple. Nie bez powodu.

Firmy często patrzą bardziej na czystość pliku niż na estetykę projektu. Naucz się jak pełni wykorzystać możliwości komponentów i utrzymać „obsesyjny porządek” w swoim projekcie.

  • Warianty komponentów
  • Parametry komponentów
  • Tworzenie Dark Mode
  • Stany przycisku: hover, focus i inne
Case Study: Apka Etsy

Tydzień 2— 30 min

Tym razem omówimy nie tylko główny ekran, a cały flow, jaki przechodzi użytkownik. Następnie wykorzystasz zdobytą wiedzę do stworzenia swojego, pierwszego, własnego projektu.

Tak, już po 2 tygodniach.

Weekly Challenge: Własna aplikacja eCommerce

Uwolnij swoją kreatywność

Tydzień 3— 30 min

Teraz, jak wiesz już jak korzystać ze standardów i złotych zasad do robienia designu, który zawsze będzie wyglądał dobrze, pora dodać pierwiastek oryginalności i sprawić, żeby Twoja praca była bardziej „cool”.

  • Łączenie dwóch Fontów
  • Budowanie gradientów
  • PRO paleta kolorów
  • Splash screen
  • 404 page
  • Wykorzystanie AI
5 najlepszych pluginów do Figmy

Tydzień 3— 30 min

Skoro można ułatwić sobie pracę, dlaczego tego nie robić? Zobacz listę rekomendowanych pluginów do Figmy, które pomogą Ci projektować szybciej i łatwiej.

  • Lista 5 pluginów
Handoff do programisty

Tydzień 3— 20 min

Kojarzysz mem „expectations and reality”?

Możesz zrobić najpiękniejszy projekt na świecie, ale jeżeli nie przekażesz go do programistów odpowiednio, jest duża szansam, że po wdrożeniu będzie wyglądał tragicznie. Naucz się jak pracować w zespole projektowym.

  • Określanie styli w Figmie
  • Przegląd UI kitów
  • Tworzenie dokumentacji
  • Struktura pliku
Case Study: Apka Revolut

Tydzień 3— 30 min

Aplikacje bankowe są trochę bardziej złożone niż inne interfejsy. Zrozum, jak projektanci rozwiązują projekty w tak skomplikowanych sytuacjach i przejdź realny proces projektowy.

Bazując na projekcie dostarczonym przez UX designera przygotuj projekt aplikacji. Masz pełną dowolność do stylu.

Weekly Challenge: Projekt aplikacji bankowej

Case Study: Apka KFC

Bonus - 10 min

Mam nadzieję, że uda Ci się przejść przez ten materiał bez zamawiania kurczaków.

Case Study: Apka Allegro

Bonus - 10 min

Estetyka nie zawsze jest priorytetem numer jeden. Zobacz, jak zbudowana jest apka naszego Polskiego Allegro.

Case Study: Apka Klarna

Bonus - 10 min

Milionowe kampanie marketingowe. Współprace z największymi gwiazdami kina i raperami. Czy aplikacja Klarna też jest tak dopracowana jak ich komunikacja?