Figma: przegląd i przegląd

Figma to narzędzie do projektowania UI/UX z generowaniem kodu, wysokiej jakości makietą i interaktywnymi możliwościami prototypowania, które jest używane do projektowania aplikacji, ekranów i ilustracji wektorowych. Chociaż jest to przede wszystkim narzędzie oparte na przeglądarce, którego można używać w dowolnym systemie operacyjnym, istnieją również wersje na komputery Mac i Windows.

Figma zawsze działa online, nawet jeśli pobierzesz aplikację, dlatego jest tak świetna dla zwykłych i rozproszonych zespołów, które chcą współpracować nad projektami w czasie rzeczywistym. Różni członkowie zespołu mogą wprowadzać zmiany w projekcie na żywo, a Twoje projekty będą zawsze zsynchronizowane i aktualne dla każdego, kto ma do nich dostęp.

Jak działa Figma

Figma ma funkcjonalność znaną z Adobe XD, Gravit, Sketch i innych podobnych narzędzi do projektowania. Pomimo tego, że jest oparty na przeglądarce, interfejs będzie wyglądał jak te, które widziałeś wcześniej. Wiele z tych narzędzi działa w ten sam sposób i różnią się między sobą, jeśli chodzi o określone funkcje, takie jak to, co jest dostępne po wyjęciu z pudełka i do czego potrzebujesz wtyczek. W inny sposób radzą sobie również z projektami, takimi jak makiety o wysokiej wierności i prototypowanie.

Wszystko w Figma jest oparte na warstwach, a każdy obszar roboczy jest reprezentowany przez warstwę. Pomniejsz obszar roboczy, aby uzyskać widok całego projektu z lotu ptaka, zamiast skupiać się tylko na jednym pliku na raz. Po prawej stronie znajduje się panel informacyjny, a po lewej panel narzędzi i warstw.

Panel informacyjny może wydawać się nieco zawiły, ponieważ czasami po utworzeniu obiektu wymagane są dodatkowe kliknięcia lub kroki, aby manipulować obiektem – w ten sposób Figma nie jest tak intuicyjna, jak mogłaby być. Przepływ pracy może być również nieco lepki, zwłaszcza jeśli chodzi o ponowne wykorzystanie komponentów i dodawanie ich z biblioteki.

Narzędzia Figma

Figma ma narzędzia, których można oczekiwać od oprogramowania do projektowania, w tym:

• Wyrównanie
• Siatka ograniczeń
• Polecenia logiczne (połącz, przecięcie, suma, odejmowanie)
• Narzędzie do wybierania kolorów
• Tryb mieszania
• Wiele wypełnień
• Efekty (upuszczenie/cień wewnętrzny, rozmycie tła/warstwy)
• Narzędzie do tworzenia ramek z niestandardowym lub dostosowanym do urządzenia rozmiarem
• Maski
• Elementy kształtu
• Narzędzia do pisania i zginania
• Narzędzie tekstowe
• Zablokuj i ukryj warstwy
• Narzędzie Przesuń (wskaźnik/klik do chwytania przedmiotów)
• Przypinanie
• Narzędzie powiększania

Jedną rzeczą, którą należy wiedzieć o narzędziu tekstowym, jest to, że nie można przejrzeć opcji czcionek ani zobaczyć podglądu topografii. Rozpoczynając projektowanie, najlepiej jest poznać topografię, której chcesz użyć.

Godne uwagi funkcje Figma

Przyjrzyjmy się nieco bardziej szczegółowo niektórym wyróżniającym się funkcjom Figma:

• Biblioteki: Twórz biblioteki z komponentami wielokrotnego użytku i daj dostęp całemu zespołowi. Biblioteki komponentów są definiowane przez zespoły, więc jeden zespół może mieć jedną bibliotekę, a inny może mieć własną. Kiedy komponent jest aktualizowany w bibliotece, zmiany są wprowadzane w każdym projekcie, który go używa. Podczas aktualizowania komponentu w bibliotece potwierdzisz opublikowanie zmiany, aby nie wprowadzić żadnych zmian przypadkowo. (Funkcje „Biblioteki zespołu” są dostępne tylko dla płatnych planów).
• Przenieś: Podczas przesuwania obiektu po płótnie, linijki pokażą jego wysokość i szerokość.
• Skala: Jak zwykle narzędzie skalowania zachowuje proporcje. Unikalną cechą Figmy jest to, że waga jest indywidualnym narzędziem. Nie musisz przytrzymywać klawisza Shift podczas korzystania z niego. Jeśli wolisz, możesz również skalować z panelu informacyjnego.
• Sieci wektorowe : Twórz złożone kształty, zwane sieciami wektorowymi, dołączając wiele segmentów do węzła na wektorze (w przeciwieństwie do tylko dwóch, co jest standardem).
• Wyginanie: Za pomocą narzędzia wyginania możesz chwytać kształt i manipulować nim za dowolną krawędź, a nie tylko za punkt.
• Obraz do kształtu: Upuść obraz bezpośrednio do utworzonego kształtu. Gdy zmienisz kształt, obraz pozostanie wewnątrz proporcjonalny.
• Narzędzie do umieszczania obrazów : obrazy nie tylko wpadają do projektu. Zamiast tego przytrzymasz obraz na kursorze, a następnie kliknij, aby upuścić go na miejsce. Jeśli zmienisz rozmiar, przytrzymując go (bez przytrzymywania Shift), obraz zostanie przycięty zamiast zmieniać jego rozmiar.

Korzyści z Figma

Oprócz narzędzi i niektórych z ich unikalnych możliwości, zalety Figmy obejmują:

• Skomentuj bezpośrednio na płótnie
• Generuj kod CSS i SVG, iOS i Android
• Eksportuj jako JPG, PDF, PNG lub SVG
• Importuj wiele obrazów jednocześnie
• Importuj pliki szkicu
• Łączenie obiektu z obszarem roboczym
• Skróty są podobne do innych platform
• Dostępna jest historia wersji

Wspólna idea i projektowanie

Figma doskonale nadaje się do tworzenia pomysłów dzięki niezawodnym funkcjom udostępniania i synchronizacji. Chociaż istnieją inne narzędzia bardziej dostosowane do współpracy przy cyfrowej tablicy, takie jak Mural, Figma radzi sobie dobrze w porównaniu z innymi narzędziami do projektowania. Zespoły Figma mogą obejmować wszystkich zaangażowanych w projekt, takich jak projektanci, programiści, kierownicy projektów, a nawet klienci.

Źródło: Figma

Zawsze online charakter Figmy sprawia, że ​​jest to rodzaj narzędzia do udostępniania ekranu podobnego do Dokumentów Google. Zobacz, kto przegląda dokument w czasie rzeczywistym. Kursory są oznaczone, dzięki czemu wiesz, kto wprowadza zmiany. Możesz także kliknąć awatar na pasku narzędzi, aby zobaczyć perspektywę tego członka zespołu, co może poprawić komunikację. Udostępnianie działa podobnie do Dropbox i możesz ustawić uprawnienia do edycji lub tylko do wyświetlania.

Źródło: Figma

Cennik Figma

Figma jest bezpłatna, jeśli masz mały dwuosobowy zespół i potrzebujesz jednocześnie pracować nad maksymalnie trzema projektami. Poza tym będziesz potrzebować planu Professional, który kosztuje 12 USD na redaktora miesięcznie, lub planu Organization, który kosztuje 45 USD na redaktora miesięcznie.

Każdy plan obejmuje nieograniczone miejsce na pliki i bezpłatne przeglądarki. Dwa płatne plany mają również nieograniczoną liczbę redaktorów i projektów, a także możliwość tworzenia projektów tylko na zaproszenie. Plan Organizacja zawiera funkcje przydatne dla większych firm, takie jak tworzenie nieograniczonej liczby zespołów, kontrola dostępu do linków i dzienniki aktywności. Dowiedz się więcej o planach tutaj.

Końcowe przemyślenia

Wieloplatformowe funkcje ułatwień dostępu i współpracy sprawiają, że Figma jest zwycięzcą i silnym konkurentem dla innych wiodących narzędzi projektowych. Szczególnie pomocne są historia wersji i edycja w czasie rzeczywistym bez konieczności udostępniania plików. Chociaż fakt, że jest to narzędzie oparte na przeglądarce, może powodować problemy z bezpieczeństwem dla większych firm, plan organizacji zawiera funkcje, które rozwiązują niektóre z tych problemów.

Ogólnie rzecz biorąc, Figma jest w pełni funkcjonalnym narzędziem do projektowania z narzędziami, których można się spodziewać, a także ma kilka dodatkowych niuansów. Chociaż może być używany przez projektanta solo, jest naprawdę przeznaczony i najbardziej przydatny dla zespołów projektowych. Jest to również świetne dla zespołów projektowych, które tworzą wiele wersji tego samego projektu, a także dla nowych projektantów, którzy chcą wygodnie korzystać z tych narzędzi i kontrolek bez płacenia za oprogramowanie.

Chcesz poznać więcej bezpłatnych narzędzi? Sprawdź nasz artykuł na temat GIMP, bezpłatnej, otwartej alternatywy dla programu Photoshop.

Polecane zdjęcie za pośrednictwem PureSolution / shutterstock.com