Czym są Figma Plugins i jak ich używać? Oprócz odpowiedzi na to pytanie, w dzisiejszym artykule znajdziesz również listę polecanych wtyczek, które warto znać na początku swojej przygody z projektowaniem. Dzięki wtyczkom zaoszczędzisz dużo czasu, który musiałbyś poświęcić np. na samodzielne wyszukiwanie ikon, czy zdjęć do projektów.

Figma Plugins- omówione zagadnienia:

  1. Instalowanie Figma Plugins
  2. Polecane wtyczki

Instalowanie Figma Plugins

Wtyczki to skrypty lub aplikacje, które rozszerzają funkcjonalność Figmy i FigJam. Możesz je znaleźć i zainstalować poprzez:

  • File browser, kliknij Community w Sidebar. Aby wyświetliły się interesujące Cię wyniki, po przejściu do Community zaznacz Plugins, na górze strony./li>
figma plugins
  • plik Figma alboFigJam file: kliknij w Resources w Toolbar i wybierz zakładkęPlugins.
figma plugins

Szczegóły wybranej wtyczki możesz zobaczyć klikając w jej nazwę. Po kliknięciu otworzy się strona z opisem wtyczki i instrukcją użytkowania. Znajdziesz tam też komentarze społeczności, historię wersji oraz propozycje podobnych wtyczek w sekcji More like this.

Instalowanie wtyczek jest bardzo proste – wystarczy kliknąć w przycisk Try it out przy wybranej wtyczce na liście lub w jej szczegółach. Figma przekieruje Cię do edycji pliku, gdzie możesz wypróbować wybraną wtyczkę. 

figma plugins

Aby uruchomić wtyczkę, kliknij przycisk Run. 

figma plugins

Po kliknięciu Run, możesz korzystać z możliwości, jakie daje wtyczka. 

figma plugins

Jeśli wtyczka Ci się podoba możesz ją zainstalować. W tym celu kliknij przycisk Install, który jest oznaczony ikoną 3 dots menu.

figma plugins

Polecane wtyczki

Wtyczek do Figmy jest mnóstwo. Przejrzenie ich wszystkich zajęłoby Ci dużo czasu, dlatego przygotowaliśmy listę kilku propozycji, które warto znać na początku, aby projektowanie było przyjemniejsze.

1. Grid System

figma plugins

Ta wtyczka rozwiąże problemy z wyborem odpowiedniego Layout grid w Twoim projekcie.  Link: Grid-System

2. Clean Document

figma plugins

Jak sama nazwa wskazuje, wtyczka Clean Document zapanuje nad chaosem i niespójnościami w warstwach, nazwach i grupach w Twoim pliku. To bardzo przydatne zwłaszcza, kiedy chcesz udostępnić swój projekt innym osobom z zespołu lub klientowi.  Link: Clean Document

3. Typescale

Figma plugins

Już wiesz, że typografia jest kluczowym elementem interfejsów. Wtyczka Typescale zadba o typograficzny porządek – nada odpowiednią hierarchię i wielkość nagłówkom oraz pozostałym elementom według wybranego wzorca.  Po włączeniu Typescale musisz wybrać warstwę tekstową, która będzie stanowiła  wielkość bazową fontu, a wtyczka wygeneruje odpowiednio podaną liczbę rozmiarów – ponad i poniżej wielkości bazowej. Link: Typescale

4. Content Reel

figma plugins

Samodzielne wymyślanie danych do projektów może być uciążliwe. Dzięki tej wtyczce możesz wklejać automatycznie generowane adresy, specyficzne typy danych, numery a także zdjęcia, avatary i ikony. Link:Content Reel

5. Find and Replace

figma plugins

Ta wtyczka wyszukuje i automatycznie podmienia teksty w pliku. To świetne rozwiązanie w sytuacji, gdy masz już duży projekt i nagle zdecydujesz się na wprowadzenie zmian w treści. Link: Find and Replace

6. Bullets

figma plugins

Ta wtyczka służy do tworzenia niestandardowych list punktowych.  Link: Bullets

7. Color Palettes

figma plugins

Ta wtyczka pomoże Ci wybrać odpowiednie kolory do swojego projektu. Link: Color Palettes

8. Iconify

figma plugins

Dzięki tej wtyczce możesz wgrać do swojego pliku Material Design Icons, FontAwesome, Jam Icons, EmojiOne, Twitter Emoji i wiele innych. Link: Iconify

9. Unsplash

figma plugins

Dzięki tej wtyczce masz pod ręką całą galerię pięknych zdjęć z Unsplash. Link: Unsplash

10. Logo Creator

figma plugins

Jeśli szukasz inspiracji do logo dla Twojego projektu, to ta wtyczka na pewno Ci się spodoba. Możesz wybrać logo z gotowych kolekcji lub stworzyć własne przy pomocy dostępnych kształtów. Link: Logo Creator

11. Blush

figma plugins

Ta wtyczka służy do tworzenia pięknych, spersonalizowanych ilustracji. Możesz wybrać ilustrację z bogatej kolekcji i dostosować jej zmienne tak, aby pasowała do Twojego projektu.  Link: Blush

Poznałeś podstawowe Figma Plugins, sprawdź następnie: 3 nieoczywiste sposoby wykorzystania Figmy

Jeśli podobają Ci się treści, które tworzymy, sprawdź również: Facebook, Twitter, LinkedIn, Instagram, YouTube, Pinterest.

Figma Plugins | Figma dla początkujących #9 klaudia brozyna avatar 1background

Autor: Klaudia Kowalczyk

Graficzka i UX designerka, która za pomocą projektów przekazuje to, co trudno ująć w słowach. Zwraca uwagę na najmniejsze detale – każdy użyty kolor, linia czy czcionka ma znaczenie. Klaudia pasjonuje się projektowaniem grafiki i stron internetowych.

Figma dla początkujących:

  1. Intro to Figma
  2. Figma interface – podstawowe informacje
  3. Podstawowe ustawienia projektu w Figmie
  4. Tworzenie kształtów i ich modyfikacja w Figmie
  5. Typography and text in Figma
  6. Jak używać biblioteki stylów i komponentów w Figmie?
  7. Prototypowanie w Figmie
  8. Collaborative tools
  9. Figma Plugins
  10. Figma - 3 nieoczywiste sposoby wykorzystania