Figma - program, który usprawnia projektowanie

W zespole projektowym Softnauts uwielbiamy mieć oko na nowe, rozwijające się narzędzia. Pracując w ciągle zmieniającym się środowisku (różni klienci, wymagania, pomysły, wersje produktów i zespoły) spotykamy się z wieloma wyzwaniami. Dlatego chcielibyśmy podzielić się naszą historią o pewnym narzędziu. Figma - program
, o którym mowa - to oprogramowanie, które znacząco zmieniło nasz warsztat pracy.

Spis treści:

1. Program Figma - pierwsze kroki naszych projektantów
2. Efekt Figma - program, który zmienił wszystko
3. Najważniejsze aspekty Figma - program dla designerów
4. Szczęśliwsi klienci, szczęśliwsi programiści i szczęśliwsi projektanci

Program Figma - pierwsze kroki naszych projektantów

Niektórzy uważają, że stare nawyki umierają z trudem. Na szczęście w przypadku narzędzia Figma udowodniliśmy, że to przekonanie jest błędne. Ten kompleksowy software zmienił nasz sposób pracy do tego stopnia, że nie wyobrażamy sobie powrotu do dawnych metod. Sprawdźmy, jak wyglądał wówczas dzień pracy naszych projektantów.

Nasza ówczesna organizacja pracy

Zespół projektowy Softnauts, w ramach regularnej pracy, przez długie trzy lata dzielnie przełączał się pomiędzy trzema narzędziami projektowymi. Sketch - nasze podstawowe narzędzie do projektowania, Zeplin dla deweloperów handoff oraz Invision - narzędzie online do prototypowania, eksportowania i obsługi poprawek klienta. 

Z czasem doświadczyliśmy znacznego dyskomfortu związanego z udostępnianiem wielu wersji plików źródłowych licznym projektantom, ponieważ musieliśmy je przesyłać ręcznie za pomocą Dropboxa lub Google Drive.

Efekt Figma - program, który zmienił wszystko

Wszystko zmieniło się w momencie, gdy - przez przypadek - odkryliśmy program Figma. Jeden z naszych klientów dostarczył nam prototyp trwającego projektu w tym środowisku. 

Już wcześniej słyszeliśmy o renomie tego narzędzia w środowisku projektowym. Z tego powodu chętnie sprawdziliśmy je w praktyce. W rezultacie zostaliśmy z nim do dziś! Przy tym pierwszym projekcie, jak twierdzi nasz projektant, udało nam się zaoszczędzić do 30% czasu przy użyciu Figmy w porównaniu z naszymi poprzednimi sposobami pracy nad projektem.

Najważniejsze aspekty Figma - program dla designerów

Kilka aspektów naszej pracy uległo znacznej poprawie po wprowadzeniu Figmy do naszego regularnego obiegu pracy. Należą do nich:

• komunikacja zarówno wewnątrz naszego zespołu, jak i pomiędzy stronami trzecimi, 
• ulepszone prototypowanie, 
• lepsza interakcja z klientem,
• wygodne przekazywanie treści deweloperom,
• wykorzystanie komponentów i biblioteki zespołowej.

Te czynniki ułatwiły nam pracę do tego stopnia, że wdrożyliśmy narzędzie Figma na dobre. Nie sposób tego nie podkreślić - zalety korzystania z Figmy zmieniły nasz sposób pracy nie do poznania. Które środki stały się szczególnie przydatne? Rzućmy okiem.

1. Współpraca w czasie rzeczywistym

Program Figma ma ogromny wpływ na naszą komunikację: 

• wewnętrzną - czyli w ramach naszego zespołu,
• zewnętrzną - czyli z klientami i innymi osobami trzecimi. 

Po pierwsze, dzięki temu, że jest to aplikacja webowa, nie musimy ręcznie organizować plików źródłowych. Wszystko jest aktualizowane w chmurze, dzięki czemu pozbywamy się nieistotnych poprawek projektowych i nieporozumień. Figma jest maksymalnie przejrzysta - każdy, kto ma link, może mieć dostęp do pliku i obserwować zmiany w czasie rzeczywistym.

Konta tylko do odczytu są darmowe, a aplikacja działa doskonale w przeglądarkach, na Macu, Windowsie, a nawet Linuksie (ktoś jeszcze myśli o Sketchu dostępnym tylko na Macu?). Nie musimy też dzielić ekranu podczas spotkań - klient ma bezpośredni dostęp do pliku.

2. Szybkie tworzenie prototypów 

Budowanie prototypów jest teraz o wiele, wiele szybsze. Łączymy ekrany aplikacji, wykonujemy przejścia, jeśli są zaplanowane, i wysyłamy do recenzji klienta. Link do Figmy pozostaje ten sam, a prototyp jest natychmiast aktualizowany o najnowsze zmiany.

To usprawnienie ma ogromny wpływ na ogólne ramy czasowe naszych projektów. Wydajność programu Figma sprawia, że możemy szybko zakończyć wczesne etapy stojącego przed nami zadania. Ten poziom produktywności pozostaje nieporównywalny z naszymi doświadczeniami z jakimkolwiek innym narzędziem dla projektantów.

3. Obchodzenie się z uwagami klienta

Drobne poprawki klienta sprawiają, że czasem trudno jest się zorientować, do której części projektu odniósł się klient. Zdarza się to szczególnie często w przypadkach, gdy naszą komunikację obsługujemy za pomocą maili, kanałów Slack, czy zadań Trello. Listy bullet-pointów, niechlujne maile, notatki, a nawet niezbyt potrzebne telefony mogą stać się przyczyną zbędnego zgiełku. 

Udostępnienie opcji komentarzy bezpośrednio na poziomie prototypu to kolejna funkcjonalność, na którą pozwala interfejs Figma. Program ten pozwala każdemu członkowi projektu może śledzić te komentarze - zaczynając od interesariuszy i właścicieli projektu, kończąc na kierownikach projektów i deweloperach.

4. Przekazanie treści projektowych developerom

Tworzenie zabawnych i pięknych projektów może być czasami trudne, gdy przychodzi czas na wdrożenie rozwiązań w życie. Używanie dużej ilości cieni i skomplikowanych gradientów wymaga szczegółowego handoffu. To, jako część procesu, może okazać się czasochłonne. 

Dzięki narzędziu Figma można uniknąć eksportowania ekranów do drugorzędnych narzędzi deweloperskich, takich jak Zeplin, ponieważ deweloperzy mogą kopiować i wklejać dane CSS, iOS (Swift) i Android (XML). Ta szczególna funkcjonalność jest cennym atutem dla ogólnego rozwoju projektu. Efektywność i szybkie wprowadzanie zmian sprawia, że nasze doświadczenie z programem Figma jest nieporównywalne z żadnym innym narzędziem!

5. Biblioteka zespołu i komponenty - smaczki dla projektantów

Należy pamiętać, że Figma to przede wszystkim narzędzie dla projektantów. Nasz zespół przyzwyczaił się do niej do tego stopnia, że nie wyobrażamy sobie powrotu do Sketcha. Jednak nie każdemu łatwo jest zakochać się w programie Figma. Transparentne projektowanie bez możliwości pracy w trybie offline może budzić nieuniknione obawy o bycie obserwowanym w środku naszego procesu twórczego, co z kolei może powodować pewne rozterki.

Niemniej, wszystkie wymienione zalety to tylko ułamek z tego, co może zaprezentować Figma. Program jest nie tylko webowy - istnieje również wersja desktopowa. Zawiera biblioteki zespołów, ograniczenia, interaktywne prototypowanie, liczne wtyczki i komponenty. To jeszcze nie wszystko! Mnóstwo takich ciekawostek (nowe wskazówki i triki pojawiające się prawie codziennie!) sprawia, że nasza praca jest jeszcze bardziej ekscytująca i produktywna.

Niektórzy powiedzą, że inne narzędzia oferują te same lub nawet więcej funkcji. Trudno się z tym nie zgodzić. Niemniej, dbałość o szczegóły, z jaką wszystkie funkcjonalności zostały zebrane w spójną całość, z pewnością robi na nas wrażenie. Biorąc pod uwagę wyjątkową szybkość i niezawodność, stawia to program Figma ponad konkurencją pod względem naszych wymagań w stosunku do interfejsu projektowego.

Rozwiązania Figma udoskonaliły nasz warsztat w zakresie projektowania aplikacji. Skorzystaj z naszych usług w ramach outsourcingu IT i product design!

Szczęśliwsi klienci, szczęśliwsi programiści i szczęśliwsi projektanci

Zespół Softnauts jest głęboko przekonany, że program Figma jest rozwiązaniem zmieniającym pracę na wielu płaszczyznach. Niezależnie od tego, czy jesteś projektantem, interesariuszem, klientem, czy innym członkiem zespołu Softnauts, doświadczenie z tym narzędziem ułatwi Ci codzienne zadania. 

Nasz obecny workflow projektowy gwarantuje szybką i łatwą współpracę, przy maksymalnej przejrzystości i dbałości o szczegóły. Utrzymanie spójności projektów w różnych fazach procesu również jest prostsze. Figma - program o niezrównanym potencjale -  pozytywnie wpłynął na niemal każdy aspekt naszej pracy.

Jeżeli interesuje Cię temat UI/UX, zaciekawią Cię również nasze wskazówki:

• Jak przeprowadzić redesign strony internetowej: E-commerce?
• Psychologia kolorów w UX i UI – dlaczego pewne odcienie niebieskiego są radosne, a inne przygnębiające?