Figma działa w przeglądarce, nie wymaga instalacji ani mocnego komputera, a darmowy plan Starter wystarczy, żeby rozpocząć naukę. Załóż konto, utwórz nowy plik i w kilka minut zbuduj pierwszy prosty projekt.
Jak założyć konto i otworzyć pierwszy plik?
Figma jest narzędziem chmurowym. Projekty zapisują się automatycznie, więc możesz wrócić do nich na innym urządzeniu po zalogowaniu. Do rozpoczęcia pracy wystarczy przeglądarka i konto.
Wykonaj poniższe kroki:
- Wejdź na stronę Figma i wybierz opcję rejestracji.
- Załóż konto za pomocą Google albo adresu e-mail.
- Wybierz darmowy plan Starter, który na początku zapewnia wystarczające możliwości.
- Po zalogowaniu utwórz nowy plik projektowy, wybierając opcję utworzenia projektu od podstaw.
- Zacznij pracę w przeglądarce. Jeśli wolisz osobne okno programu, możesz później zainstalować aplikację desktopową.
Wersja przeglądarkowa i aplikacja desktopowa służą do tego samego. Na początek wygodniej użyć przeglądarki, ponieważ nie trzeba nic pobierać ani konfigurować.
Jak odnaleźć się w interfejsie Figmy?
Po otwarciu pliku zobaczysz dużą przestrzeń roboczą oraz panele z narzędziami. Nie musisz poznawać wszystkich funkcji naraz. Na początku wystarczą trzy obszary:
- Lewy panel – pokazuje strony i warstwy projektu. Warstwa to pojedynczy element, na przykład prostokąt, tekst albo ramka.
- Środkowa kanwa – jest miejscem, w którym tworzysz i układasz projekt.
- Prawy panel – zawiera właściwości zaznaczonego elementu, takie jak rozmiar, kolor, położenie czy ustawienia tekstu.
Na górnym pasku znajdziesz podstawowe narzędzia do tworzenia ramek, kształtów i tekstu. Gdy zaznaczysz element na kanwie, jego ustawienia pojawią się po prawej stronie.
Zobacz także: Jak przekonwertować text to figma? Najlepsze narzędzia i metody
Jak wykonać pierwszy projekt?
Najprostsze ćwiczenie polega na utworzeniu ramki, dodaniu kształtu i wpisaniu tekstu. Frame, czyli ramka, działa jak kontener dla elementów projektu. Możesz potraktować ją jako ekran aplikacji, fragment strony albo obszar roboczy dla grafiki.
Najpierw wybierz narzędzie Frame, a następnie przeciągnij kursorem po kanwie, aby ustawić jego rozmiar. Potem użyj narzędzia prostokąta i narysuj dowolny kształt wewnątrz ramki. Zaznacz go, by zmienić kolor lub wymiary w prawym panelu.
Na koniec wybierz narzędzie tekstowe, kliknij w ramkę i wpisz na przykład „Mój pierwszy projekt”. Przesuń tekst nad prostokąt albo obok niego. W ten sposób poznasz podstawową zasadę pracy w Figmie: tworzysz element, zaznaczasz go i zmieniasz jego właściwości.
Zobacz także: Figma – co to jest i do czego służy?
Na pierwsze 30 minut zaplanuj takie zadania:
- Utwórz nowy plik i nazwij go „Pierwszy projekt”.
- Stwórz jedną ramkę, która będzie obszarem projektu.
- Dodaj prostokąt i zmień jego kolor.
- Dodaj tekst oraz przesuń go w wybrane miejsce.
- Zaznacz każdy element i sprawdź jego ustawienia w prawym panelu.
Nie przejmuj się tym, że pierwszy projekt będzie bardzo prosty. Celem ćwiczenia jest oswojenie kanwy, warstw i panelu właściwości. Figma zapisuje zmiany na bieżąco, więc możesz bez obaw eksperymentować.
Czego uczyć się dalej?
Gdy swobodnie tworzysz ramki, kształty i tekst, przejdź do funkcji, które porządkują większe projekty. Auto-layout pomaga układać elementy w elastyczne bloki, komponenty pozwalają wielokrotnie wykorzystywać te same elementy, a podstawy prototypowania służą do łączenia ekranów i sprawdzania przebiegu interakcji.
Przeczytaj też: Figma Dev Mode – czym jest i jak z niego korzystać?
Na tym etapie nie potrzebujesz poznawać wszystkich narzędzi. Wystarczy regularnie odtwarzać proste ekrany aplikacji lub fragmenty stron. Każde takie ćwiczenie utrwala pracę z warstwami, rozmiarem, kolorem i tekstem, czyli podstawami potrzebnymi w projektowaniu UI.
Najważniejszy następny krok to otworzenie nowego pliku i stworzenie własnej ramki. Po wykonaniu tego zadania Figma przestaje być pustym interfejsem, a staje się narzędziem, w którym możesz od razu coś zbudować.
