Czy Figma jest naprawdę dobra? Projektant dzieli się swoim prawdziwym doświadczeniem
Czy kiedykolwiek zdarzyło Ci się skończyć projekt, wysłać go do kolegi, on poprosił o zmiany, Ty go poprawiłeś i odesłałeś, a potem znów poprosili o więcej zmian… tam i z powrotem przez transfer plików, gubiąc wersje, aż nie wiesz, która jest najnowsza?
Kiedyś tak było w moim zespole projektowym. Używaliśmy Sketch do projektowania, pliki były przechowywane lokalnie, a udostępnialiśmy je przez WeChat lub dyski w chmurze. Najgorsze było, gdy dwóch kolegów edytowało ten sam plik jednocześnie, każdy zapisując inną wersję — scalenie ich było absolutną katastrofą.
Potem nasz zespół przeszedł na Figmę. Szczerze mówiąc, na początku było to dziwne, ponieważ używaliśmy Sketch przez lata. Ale po miesiącu cały nasz zespół nie mógł wrócić.
Czym jest Figma? Wyjaśnienie w jednym zdaniu
Figma to internetowe narzędzie do projektowania UI, w którym projektanci mogą tworzyć interfejsy i interaktywne prototypy, a członkowie zespołu mogą edytować ten sam plik jednocześnie. Największa różnica w porównaniu do Sketch i Adobe XD — nie wymaga instalacji, wystarczy otworzyć przeglądarkę i każdy może pracować na tym samym pliku w tym samym czasie.
Jakie problemy może faktycznie rozwiązać?
Problem 1: Współpraca zespołowa, chaos wersji
Nasz stary przepływ pracy wyglądał tak: Projektant A tworzy pierwszą wersję, eksportuje plik i wysyła go do Projektanta B do edycji, Projektant B poprawia i odsyła… jeśli kierownik produktu też musiał to zobaczyć, musieliśmy wysłać kolejną kopię. Pliki latały tam i z powrotem, numery wersji się mieszały.
Po przejściu na Figmę wszyscy współpracowaliśmy bezpośrednio nad tym samym plikiem. Projektant A tworzy pierwszą wersję, Projektant B edytuje online w czasie rzeczywistym, kierownik produktu przegląda online — kto co zmienił jest wyświetlane w czasie rzeczywistym. Możesz nawet dodawać komentarze, np. “Czy powinniśmy zmienić kolor tego przycisku?” Projektant A widzi komentarz i odpowiada “Zrobione.”
Koniec z “wysyłaniem plików tam i z powrotem.”
Problem 2: Tworzenie interaktywnych prototypów wymagało dodatkowych narzędzi
Wcześniej, podczas tworzenia prototypów produktów, statyczne obrazy nie były wystarczająco intuicyjne — klienci nie mogli ich zrozumieć. Aby tworzyć interaktywne prototypy, musieliśmy używać Axure lub innych narzędzi, których nauka była uciążliwa.
Figma ma wbudowane funkcje prototypowania i interakcji. Kończysz projekt, przełączasz się w tryb prototypu, ustawiasz przejścia między stronami i animacje, a następnie generujesz klikalny, interaktywny prototyp. Klienci otrzymują link, otwierają go i mogą go doświadczyć jak prawdziwy produkt.
Nie trzeba uczyć się dodatkowych narzędzi — Figma robi wszystko.
Problem 3: Zmiana komputera oznaczała ponowną synchronizację plików projektowych
Najbardziej irytujące w Sketch było zmienianie komputera. Pliki projektowe były na starym komputerze, a nowy komputer nie miał nic. Albo synchronizacja przez dysk w chmurze, albo użycie pendrive’a — takie utrapienie.
Figma jest oparta na chmurze — wszystkie pliki są przechowywane online. Idziesz do dowolnego komputera, otwierasz przeglądarkę, logujesz się na swoje konto i wszystkie Twoje pliki projektowe są tam. Zmiana komputera? Nie istnieje.
Czy łatwo zacząć? Wymaga trochę nauki
- Zarejestruj się na oficjalnej stronie (figma.com), dostępna jest wersja darmowa
- Kliknij “New File” aby utworzyć nowy plik
- Użyj lewego paska narzędzi do rysowania, podobnie jak w Sketch i XD
- Aby dodać interakcje, przełącz się w tryb prototypu i ustaw przejścia
- Aby współpracować, kliknij “Share” i zaproś kolegów
Jeśli używałeś Sketch lub Adobe XD, nauka Figmy jest szybka — logika interfejsu jest podobna. Jeśli nigdy wcześniej nie używałeś narzędzia do projektowania UI, może to zająć kilka dni, aby się przyzwyczaić.
Jak wypada w porównaniu z podobnymi narzędziami?
| Aspekt | Figma | Sketch | Adobe XD |
|---|---|---|---|
| Łatwość użycia | Przyjazna, łatwa do nauczenia | Bardziej złożone funkcje | Wymaga znajomości ekosystemu Adobe |
| Współpraca zespołowa | Współpraca w czasie rzeczywistym, bardzo silna | Ograniczona współpraca | Podstawowa współpraca |
| Prototypowanie | Bogate funkcje | Podstawowe interakcje | Zaawansowane funkcje interakcji |
| Wieloplatformowość | Web + desktop, oba działają | Tylko Mac | Wieloplatformowe |
| Cena | Darmowa wersja wystarczająca | Płatne | Płatne |
Moja rada: Jeśli jesteś samodzielnym projektantem, Sketch lub XD są w porządku. Ale do współpracy zespołowej Figma jest lepszym wyborem. I jest darmowa — wersja osobista jest więcej niż wystarczająca.
Co mówią inni użytkownicy?
@Zespół projektowy Xiaoli: “Funkcja współpracy w czasie rzeczywistym Figmy jest niesamowita! Członkowie zespołu mogą edytować jednocześnie, bez obaw o chaos wersji.”
@Kierownik produktu Xiaowang: “Tworzenie prototypów za pomocą Figmy jest takie wygodne. Klienci mogą ich bezpośrednio doświadczyć, a komunikacja znacznie się poprawiła.”
@Projektant UI Xiaozhang: “System komponentów i funkcja automatycznego układu Figmy znacznie poprawiły moją wydajność projektowania.”
Podsumowanie
Figma nie jest żadnym tajemniczym narzędziem, ale rozwiązuje kilka realnych problemów — współpracę zespołową i prototypowanie.
Dla zespołów projektowych jest to jedno z najbardziej wartościowych narzędzi. Darmowa wersja oferuje już obszerny zestaw funkcji, więcej niż wystarczający dla indywidualnych użytkowników.
Oficjalna strona: https://www.figma.com/ Wskazówka bezpieczeństwa: Rejestruj się i korzystaj przez oficjalną stronę, pamiętaj o ochronie informacji o swoim koncie. Cena: Darmowa wersja jest już bardzo obszerna, więcej niż wystarczająca dla indywidualnych użytkowników. Zespoły mogą rozważyć wersję płatną.