Klaudia Kowalczyk
pa藕 24
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:
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>
- plik Figma alboFigJam file: kliknij w Resources w Toolbar i wybierz zak艂adk臋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臋.聽
Aby uruchomi膰 wtyczk臋, kliknij przycisk Run.聽
Po klikni臋ciu Run, mo偶esz korzysta膰 z mo偶liwo艣ci, jakie daje wtyczka.聽
Je艣li wtyczka Ci si臋 podoba mo偶esz j膮 zainstalowa膰. W tym celu kliknij przycisk Install, kt贸ry jest oznaczony ikon膮 3 dots menu.
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
Ta wtyczka rozwi膮偶e problemy z wyborem odpowiedniego Layout grid w Twoim projekcie.聽 Link:
2. Clean Document
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:
3. Typescale
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:
4. Content Reel
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:
5. Find and Replace
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:
6. Bullets
Ta wtyczka s艂u偶y do tworzenia niestandardowych list punktowych.聽 Link:
7. Color Palettes
Ta wtyczka pomo偶e Ci wybra膰 odpowiednie kolory do swojego projektu.聽Link:
8. Iconify
Dzi臋ki tej wtyczce mo偶esz wgra膰 do swojego pliku Material Design Icons, FontAwesome, Jam Icons, EmojiOne, Twitter Emoji i wiele innych. Link:
9. Unsplash
Dzi臋ki tej wtyczce masz pod r臋k膮 ca艂膮 galeri臋 pi臋knych zdj臋膰 z Unsplash. Link:
10. Logo Creator 
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:
11. Blush
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:
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偶:
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:
- Intro to Figma
- Figma interface 鈥� podstawowe informacje
- Podstawowe ustawienia projektu w Figmie
- Tworzenie kszta艂t贸w i ich modyfikacja w Figmie
- Typography and text in Figma
- Jak u偶ywa膰 biblioteki styl贸w i komponent贸w w Figmie?
- Prototypowanie w Figmie
- Collaborative tools
- Figma Plugins
- Figma - 3 nieoczywiste sposoby wykorzystania
