10 najlepszych funkcji Figma, których powinni używać wszyscy projektanci

Niezależnie od tego, czy jesteś niezależnym grafikiem, czy wewnętrznym projektantem UI / UX, opanowanie Figmy może pomóc Ci wspiąć się po szczeblach kariery.

Mając to na uwadze, oto najlepsze funkcje Figma, które naszym zdaniem powinni używać wszyscy projektanci...

Co to jest Figma?

Figma to zaawansowane internetowe narzędzie do projektowania graficznego, które oferuje wspólną pracę nowej generacji nad prototypowaniem UI / UX. Jest to solidna aplikacja, która umożliwia tworzenie unikalnych projektów UX, które są przyjazne dla użytkownika, a jednocześnie profesjonalne.

Niezależnie od tego, czy masz ugruntowaną pozycję w swojej dziedzinie, czy dopiero zaczynasz karierę jako projektant UI / UX lub grafik, oto najlepsze funkcje Figma, z którymi możesz się uporać.

1. Warianty zarządzania komponentami

Warianty to inteligentny moduł zarządzania komponentami, znany jako biblioteka komponentów Figma. Możesz łatwo uporządkować zduplikowane odmiany tego samego komponentu i połączyć je w celu uporządkowania biblioteki zasobów zespołu.

Możesz także zdefiniować jeden kontener dla wszystkich podobnych komponentów. Podczas pracy zespołowej Warianty ułatwiają członkom zespołu zlokalizowanie tego, czego szukają. Wyklucz zgadywanie z systemu projektowania, dostosowując wartości i właściwości wariantów komponentów.

2. Listy punktowane

Możesz także uwzględnić listy wypunktowane i numerowane w swoich projektach UI / UX. Listy umożliwiają łatwe organizowanie danych i podkreślanie powiązanych informacji w projektach wektorowych. Możesz dodać maksymalnie pięć poziomów wcięć. Możesz także dokonywać wizualnych modyfikacji kolorów poprzez kolor tekstu, obrysy i efekty.

Związane z: Adobe XD: bezpłatne narzędzie do projektowania UI i UX, którego możesz użyć już teraz

3. Połącz wiele kont Figma

Uzyskaj dostęp do wszystkich kont Figma, obszarów roboczych i profili społeczności na jednym ekranie. Możesz pozostać zalogowany na maksymalnie 10 kontach Figma. Możesz szybko przejść do dowolnego obszaru roboczego z lewego górnego rogu ekranu Figma. W przypadku kont kliknij w prawym górnym rogu, aby otworzyć przełącznik kont.

4. Zmieniona karta Inspekcja

Poprzedni panel kodu firmy Figma to teraz zakładka Inspekcja. Ta funkcja umożliwia współpracownikom, zwłaszcza programistom, uzyskanie wartości i kodów projektów osób, nad którymi pracujesz. Członkowie Twojego zespołu mogą wyodrębniać dane, takie jak kolory, warianty, właściwości, cienie, zawartość, obramowania i typografia z tej karty.

5. Menu wymiany instancji

Figma zmodernizowała menu wymiany instancji w 2020 roku, aby uwzględnić menu typu push. Pozwala projektantom bez wysiłku surfować między komponentami.

Możesz także użyć rozwijanego selektora, aby przełączać się między bibliotekami zespołu. Dostępna jest elegancka miniatura do podglądu komponentu.

6. Biblioteka plików i wtyczek społeczności Figma

Figma ma platformę społecznościową wzbogaconą w zasoby, na której możesz publikować swoje projekty, aby inni członkowie mogli je zbadać lub przerobić. Istnieją tysiące twórców i możesz uzyskać następujące zasoby:

• Biblioteka ilustracji otwartych postaci
• Zdalny sprint projektowy
• Zestaw do projektowania materiałów
• Szablony Figma

Wtyczki Figma są bardzo wydajne, a jednocześnie stabilne i bezpieczne. W chwili pisania tego tekstu dostępnych jest ponad 40 ekskluzywnych wtyczek, a ich liczba stale rośnie. W przypadku subskrypcji korporacyjnych możesz rozpowszechniać prywatne wtyczki w firmie. Oto kilka przydatnych wtyczek, których możesz użyć:

• Automatyzacja powtarzalnych zadań w ramach ramek Figma
• Projektuj wtyczki do wykrywania błędów
• Wtyczki do gromadzenia danych

7. Integracja Zeplin

Figma wspiera rodzimych Wtyczka Zeplin który umożliwia proste eksportowanie projektów Figma do obszarów roboczych Zeplin za pomocą kliknięcia prawym przyciskiem myszy w celu dalszej burzy mózgów i rozwoju. W przeciwieństwie do innych narzędzi do projektowania, nie ma problemów z rozdzielczością lub wydajnością, gdy trzeba wyeksportować większe ramki lub projekty Figma.

Figma i Zeplin współpracują również nad wprowadzeniem nowej funkcji aktualizacji na żywo komponentów Figma do Zeplina.

8. Aktualizacja projektu w czasie rzeczywistym

W procesie projektowania UI / UX, który nie obejmuje Figmy, cały zespół musi używać więcej niż jednego narzędzia innej firmy do przekazywania aktualizacji projektu i makiet projektowych. Przesyłanie wielu plików jest konieczne, aby każdy członek zespołu był na bieżąco z aktualnym statusem.

Jednak dzięki aktualizacji w czasie rzeczywistym sama aplikacja Figma zajmuje się wymianą prototypu i jego aktualizacjami w ramach członków zespołu.

Przekazanie projektu od projektanta do dewelopera nie jest tak naprawdę konieczne w Figma. Dzieje się tak, ponieważ gdy używasz Confluence do udostępniania makiet Figmy, wszelkie zmiany w projekcie automatycznie pojawiają się jako aktywność na żywo w pliku projektu.

Związane z: Jaka jest różnica między interfejsem użytkownika a projektem UX?

9. Intuicyjne i proste prototypowanie

Dzięki Figma prototypowanie jest bardzo łatwe i wolne od bałaganu, ponieważ obejmuje przejście między ramkami. Figma to narzędzie typu `` wszystko w jednym '' i nie potrzebujesz narzędzia do recenzowania innej firmy, takiego jak Marvel lub InVision.

Możesz bez wysiłku udostępniać prototypy Figma członkom zespołu, tak jak udostępnianie plików projektowych Figma. Wszystko, co musisz zrobić, to udostępnić link z odpowiednimi uprawnieniami do edycji. Wszelkie komentarze i opinie pozostają w narzędziu, a także w Slacku można znaleźć rekordy.

Programiści mogą łatwo uzyskać dostęp do przepływu pracy projektowania projektu, zostawić komentarze projektantowi oraz uzyskać atrybuty i pomiary CSS.

Związane z: Proste przykłady kodu CSS, których możesz się nauczyć w 10 minut

10. Udostępnij opinię o przeglądzie projektu

Recenzja projektu UI / UX to po prostu konferencja zespołowa podczas korzystania z Figmy. Podczas burzy mózgów i sesji przeglądowych cały zespół może pracować na dużym ekranie, aby rejestrować komentarze i naprawiać problemy w ramach tej samej ramy projektowej Figma.

Ponieważ Figma obsługuje najbardziej zaawansowaną technologię komentowania w aplikacji, dzielenie się opiniami jest bezproblemowe. Możesz komentować zarówno tryby prototypowania, jak i projektowania. Każdy klient poczty e-mail lub Slack może przechowywać komentarze i sugestie.

Figma ułatwia projektowanie i prototypowanie

Projektowanie i prototypowanie UI / UX wymaga wyższego zestawu umiejętności i skupienia się na wielu narzędziach. Jednak dzięki Figma bezproblemowo można uczyć się i wdrażać umiejętności projektowe w działaniu oraz dostarczać UX, który naprawdę poprawia doświadczenia klienta.

Możesz wykonywać prototypy, burze mózgów, recenzować i przekazywać projekty interfejsu użytkownika, a wszystko to za pomocą tego samego narzędzia. Figma jest obecnie standardem branżowym i zdecydowanie warto to sprawdzić.

Jak zachować spójność marki dzięki Adobe Spark

Dzięki Adobe Spark możesz przypisywać kolory, czcionki i logo do profilu marki, ułatwiając tworzenie spójnych projektów.

Czytaj dalej

O autorze