Niezależnie od tego, czy jesteś początkującym projektantem, czy doświadczonym profesjonalistą, zawsze dobrze jest być na bieżąco z najnowszymi narzędziami w branży. Figma i Sketch to dwie niezwykle wszechstronne aplikacje do projektowania i prototypowania oparte na wektorach, które pozwalają tworzyć oszałamiające makiety, interfejsy aplikacji i szybciej. Próbowałem ulepszyć moją grę projektową i zdecydowałem się odejść od Photoshopa. Jednak wybór jednej z tych dwóch aplikacji do projektowania i tworzenia prototypów jest trudny, ponieważ na powierzchni wyglądają identycznie. Poniższe porównanie obejmuje moje odkrycia dotyczące Figma i Sketch i powinno pomóc ci zrozumieć, czym się różnią.
Czym jest Figma i Szkic Kto
Sketch istnieje już od dekady, a Figma niecałe 5 lat. W tym porównaniu omówię podstawy i wyjaśnię, która aplikacja jest przeznaczona dla kogo.
1. Dostępność
To jedna z najgłośniej reklamowanych zalet Figmy. Jest to narzędzie internetowe, które oferuje również aplikacje dla systemów macOS i Windows. Możesz jednak rozpocząć pracę z komputerową przeglądarką internetową z przyzwoitym połączeniem internetowym. Co czyni go jeszcze lepszym, Figma ma również aplikacje towarzyszące dla systemu Android i iOS, które zapewniają aktualizacje projektu na żywo w ruchu. Ponieważ wszystko jest w chmurze, możesz uzyskać dostęp do aktualizacji projektu swojego lub swojego zespołu z dowolnego miejsca na świecie.
Z drugiej strony Sketch jest aplikacją stricte macOS i można ją zainstalować tylko na MacBookach. Mimo że nie ma oficjalnej aplikacji towarzyszącej na smartfony, możesz pobrać Sketch Mirror na Maca. Szczerze mówiąc, Figma radzi sobie lepiej jako narzędzie online w czasie rzeczywistym z lepszą kompatybilnością międzyplatformową niż Sketch.
Rysunek: 1
Szkic: 0
2. Interfejs użytkownika
Figma i Sketch mają podobny interfejs i rozmieszczenie narzędzi (paski boczne), co ułatwia porównanie, ponieważ możesz skupić się na narzędziach i innych funkcjach związanych z przepływem pracy. Obie aplikacje mają przestrzeń roboczą lub kanwę pośrodku, warstwy i atrybuty zasobów po lewej stronie, pasek narzędzi u góry i panel właściwości po prawej stronie. Jedyną rzeczą, jaką Sketch ma pod względem interfejsu użytkownika, jest tryb ciemny, który jest naprawdę przyjemny dla oczu i dobrze komponuje się z motywem macOS.
Oprócz kilku kosmetycznych zmian, Figma i Sketch mają podobny interfejs użytkownika.
Rysunek: 1
Szkic: 1
3. Projekt
Zarówno Figma ma szereg standardowych narzędzi do kształtowania i zasobów projektowych, aby zbudować swój pierwszy projekt i wszystko po nim. Jednak implementacja narzędzia Figma jest lepsza. Na początek każde narzędzie do kształtowania, takie jak prostokąt, owal, gwiazda i wielokąt, ma łatwy sposób na zaokrąglanie narożników. Możesz po prostu kliknąć i przeciągnąć róg, aby każda twarda krawędź wyglądała na miękką. To świetna estetyka i cieszę się, że Figma sprawia, że jest to bardzo łatwe.
Chociaż Sketch oferuje wiele potężnych narzędzi, po prostu funkcje wymagają krzywej uczenia się i musisz dowiedzieć się, jak to zrobić. To nie jest intuicyjne. Na przykład, jeśli chcesz zaokrąglić rogi trójkąta, najpierw utworzysz zwykły trójkąt, następnie przejdziesz do trybu edycji, klikniesz wszystkie wierzchołki, a następnie zastosujesz wartość zaokrąglenia, aby utworzyć obiekt z zaokrąglonymi narożnikami. Figma jest bardziej przyjazna dla użytkownika niż Sketch.
Rysunek: 2
Szkic: 1
4. Prototypowanie
Po zakończeniu części projektowej projektu następnym etapem jest wykonanie prototypu. Zarówno Figma, jak i Sketch mają potężne narzędzia do prototypowania, które pozwalają na włączenie kranów, naciśnięć przycisków do projektu i sprawią, że będzie działał podczas testowania tak, jak w prawdziwym życiu.
Figma oferuje gesty interakcji w prostym do zrozumienia i łatwym do wdrożenia formacie. Po prostu wybierasz akcję i jej wynik, wskazujesz przycisk na inny atrybut i gotowe. Możesz nawet animować wszystkie niuanse gestów za pomocą własnej animacji. Jednak jednym małym problemem, z którym boryka się cała społeczność Figma, jest to, że nie można skutecznie połączyć wielu stron.
Note: You can in fact link pages of a project in prototyping with links but that’s currently inefficient and simply opens that page in a new tab which isn’t very cohesive.
Z drugiej strony Sketch oferuje płynny sposób tworzenia linków między różnymi stronami. Chociaż Sketch nazywa te obszary robocze, a nie Strony, koncepcja pozostaje taka sama, a implementacja jest lepsza. W końcu sprowadza się to do Twoich wymagań. Jeśli Twój projekt ma niewiele stron, ale wymaga zaawansowanych animacji, Figma oferuje lepsze prototypowanie. Jeśli jednak chcesz stworzyć spójny prototyp dla klientów, którzy mogą poczuć projekt z wieloma częściami, Sketch robi to lepiej. To skutecznie remis.
Rysunek: 2
Szkic: 1
5. Wtyczki
Sketch i Figma są bogate w funkcje, ale jeśli masz niestandardowy przepływ pracy, jest dla Ciebie wtyczka. Sketch istnieje już od dłuższego czasu i dlatego ma więcej wtyczek w bibliotece. Jednak popularne wtyczki, takie jak Zeplin, ProtoPie i Avocado, można znaleźć zarówno w programie Sketch, jak i Figma. Obie aplikacje oferują interfejsy API do tworzenia własnych wtyczek do przepływu pracy.
Należy zauważyć, że ponieważ Figma jest narzędziem online, wszystkie wtyczki są dostępne przez cały czas i działają bezproblemowo. Mimo że Sketch obsługuje więcej wtyczek, musisz pobrać cyfrową kopię i wkleić ją do folderu wtyczek. To tylko niewielka niedogodność, a Sketch nadal ma doskonałą obsługę wtyczek.
Rysunek: 2
Szkic : 2
6. Współpraca w czasie rzeczywistym
Figma jest mistrzem współpracy w czasie rzeczywistym, a Sketch nie zbliża się nawet do funkcji synchronizacji w chmurze. Figma pozwala na nieograniczoną liczbę widzów i komentatorów, którzy mogą obserwować postęp projektu w czasie rzeczywistym. Z drugiej strony Sketch pozwala zapisywać i synchronizować projekty w chmurze, a po zapisaniu widzowie mogą zobaczyć zaktualizowane pliki projektów. Krótko mówiąc, Figma stawia na chmurę, co jest jednym z powodów, dla których wystartowała tak, jak do tej pory.
Rysunek: 3
Szkic: 2
7. Cena
Figma oferuje trzy poziomy z dwoma płatnymi abonamentami i jedną bezpłatną dla twórców indywidualnych. Bezpłatny plan oferuje jeden projekt zespołowy na raz i nieograniczoną liczbę edytorów. Płatny plan zaczyna się od 12 USD miesięcznie za redaktora i oferuje nieograniczoną liczbę edytorów, historię wersji i projekty.
Sketch jest dostępny z 30-dniową bezpłatną wersją próbną. Następnie za wszystkie funkcje zostanie naliczona opłata w wysokości 9 USD miesięcznie na redaktora. Figma jest zdecydowanie trochę droga, gdy otrzymujesz płatny plan, ale jeśli potrzebujesz pracować tylko nad jednym projektem na raz, Figma pozwala pracować nad tym za darmo.
Sprawdź Figma (bezpłatnie, 12 USD/miesiąc)
Sprawdź Sketch (bezpłatny okres próbny, 9 USD/miesiąc)
Figma czy szkic: co jest lepszym projektowaniem i prototypowaniem aplikacji
Nie można zaprzeczyć, że Figma i Sketch to niesamowite aplikacje, które umożliwiają prototypowanie i projektowanie. Figma stawia na chmurę i lepiej nadaje się do współpracy online. Sketch jest tańszy dla zespołów, oferuje więcej wtyczek, ale nie działa poza ekosystemem Apple.
Mam nadzieję, że powyższe porównanie nieco ułatwiło Wam decyzję i gdybym miał wyrazić swoją opinię, to wybrałbym Figmę. Mówię tak, ponieważ mój przypadek użycia obejmuje naukę projektowania makiet i nie będę pracował nad wieloma projektami naraz. Co myślisz? Które narzędzie jest dla Ciebie lepsze? Daj mi znać na Twitterze.
Przeczytaj także: Najlepsze aplikacje do tworzenia infografik i statystyk w 2021 r .