Figma od zera2 dni × 6 h

Weekendowy kurs dla początkujących. W dwa dni zaprojektujesz prostą aplikację i wyjdziesz z trzema projektami do portfolio. Bez pędzenia przez wszystkie funkcje naraz.

Zapisuję się na listę Zobacz program

Dla kogo?

Kurs zaczyna się od pustego pliku. Jeśli Figma do tej pory Cię przytłaczała, jesteś w dobrym miejscu.

Zapisz się, jeśli

  • otworzyłeś Figmę raz albo tylko o niej słyszałeś
  • chcesz wejść w UX/UI i potrzebujesz pierwszych projektów do portfolio
  • pracujesz z projektantami (marketing, programowanie, produkt) i chcesz rozumieć ich pliki
  • chcesz w końcu ogarnąć auto layout, który do tej pory był dla Ciebie czarną magią
  • wolisz robić niż oglądać tutoriale

Raczej odpuść, jeśli

  • na co dzień budujesz komponenty z wariantami i zmiennymi
  • szukasz kursu o design systemach na poziomie zaawansowanym

Jedna aplikacja.
Trzy projekty.

Każdy krok budujemy na poprzednim. Nie skaczemy po funkcjach, tylko składamy coś, co na końcu da się kliknąć na własnym telefonie.

01
Kolory
Typografia
AaNagłówekTekst główny

Mini design system

Kolory i typografia jako style, system spacingów i cztery pierwsze komponenty. Auto layout i komponenty dostają całe popołudnie, krok po kroku.

02

Gotowe ekrany

Ekran główny, szczegóły i potwierdzenie, złożone z Twoich własnych komponentów. Do tego checklista, dzięki której sam sprawdzisz spójność projektu.

03

Klikalny prototyp

Łączysz ekrany w ścieżkę, dodajesz jedną interakcję, która robi wrażenie, i testujesz całość na swoim telefonie.

Po weekendzie

Case study gotowe do portfolio.

Od systemu, przez ekrany, do prototypu. Pokażemy też, jak je opisać.

Chcę taki projekt

Program

Sześć godzinnych bloków dziennie. Najwięcej czasu poświęcimy na to, z czym początkujący mają największe problemy.

Sobota

9:00–15:00

Fundamenty i mini design system

  • Pierwsze kroki: interfejs, frame, kształty, tekst
  • Podstawy UI: layout, marginesy, spacing 8 pt
  • Typografia i kolor zapisane jako style
  • Auto layout krok po krokudużo ćwiczeń
  • Komponenty i instancjedużo ćwiczeń
  • Karta, pierwszy wariant, podsumowanieProjekt 1: mini design system

Niedziela

9:00–15:00

Ekrany, prototyp i portfolio

  • Rozgrzewka i ekran główny z komponentów
  • Ekran szczegółów z wyraźną akcją
  • Ekran potwierdzenia i dopracowanieProjekt 2: gotowe ekrany
  • Prototyp: łączymy ekrany w ścieżkę
  • Interakcja „wow” i test na telefonieProjekt 3: klikalny prototyp
  • Jak pokazać projekt w portfolio, co dalej
Rytm

Najpierw pokaz, potem Ty klikasz

Maksymalnie 15 minut słuchania, reszta to ćwiczenia z pomocą na bieżąco.

Zakres

Tylko to, czego potrzebujesz teraz

Zaawansowane funkcje dostaniesz jako mapę na później, a nie jako ścianę opcji.

Starter kit

Gotowe kolory, fonty, ikony i zdjęcia

Nie tracisz czasu na szukanie zasobów, skupiasz się na projektowaniu.

Na wynos

Paczka przydatnych linków

Inspiracje, atomic design, zasoby i narzędzia do dalszej nauki.

Miłosz, prowadzący kurs, na plaży w kurtce z kapturem UX/UI
Prowadzący

Sam uczyłem się Figmy na kursie, na którym auto layout i komponenty przeleciały w biegu. Ten kurs prowadzę tak, żeby każdy wyniósł z niego 100%.

Cześć, jestem Miłosz. Od trzech lat projektuję aplikacje mobilne/SaaS, a Figma to moje codzienne narzędzie. Na kursie pokażę Ci dokładnie ten zakres, który przydaje się na starcie. Po godzinach jeżdżę na desce, grzebię przy motocyklach i nie rozstaję się z aparatem.

FAQ

Nigdy nic nie projektowałem. Dam radę?

Tak, kurs jest stworzony właśnie pod taką osobę. Zaczynamy od tego, jak poruszać się po pliku, a każdy kolejny krok korzysta z poprzedniego.

Ile osób będzie w grupie?

Grupa jest mała, maksymalnie 10 osób. Dzięki temu mam czas, żeby zajrzeć do pliku każdego uczestnika.

Co dostanę po kursie?

Plik z projektem aplikacji (design system, ekrany i klikalny prototyp), starter kit z kolorami, fontami, ikonami i zdjęciami oraz paczkę przydatnych linków.

Czy potrzebuję płatnej Figmy?

Nie. Wszystko, co robimy na kursie, zrobisz na darmowym koncie Figma.

Jaki sprzęt jest potrzebny?

Komputer z przeglądarką albo aplikacją Figma i stabilny internet.

Jak wyglądają zajęcia online?

Spotykamy się na wideokonferencji, a link dostaniesz mailem kilka dni przed kursem. Każdy blok to krótki pokaz, a potem samodzielne ćwiczenie. Co godzinę robimy 5 minut przerwy.