13 najlepszych wtyczek Figma dla każdego projektanta
Różne / / November 29, 2021
Od wielu lat Sketch i Adobe są de facto aplikacją wybieraną przez projektantów UI i UX. Jednak w ciągu ostatnich kilku lat na rynku pojawiło się wielu nowych konkurentów. Wśród nich Figma wyróżnia się z wielu powodów. Firma od niedawna dodano długo oczekiwany dodatek wtyczek aby ułatwić życie swoim użytkownikom. Wybraliśmy jedne z najlepszych wtyczek Figma z poniższej listy.
![Wtyczki do figma](/f/049eec1712ea00bfaf64403a4b2b9cfd.jpg)
Praca projektanta może być żmudna bez obsługi wtyczek. Wtyczki Figma nie zawsze były czymś. Ponadto Figma działa na każdym systemie operacyjnym z przeglądarką internetową, taką jak Mac, Windows, PC itp.
Obecnie gorącym tematem Figma jest obsługa darmowych i premium wtyczek, które zapewniają bardzo potrzebną pomoc podczas długich godzin projektowania interfejsu użytkownika.
Spójrzmy.
Również na Guiding Tech
1. Unsplash
Ten jest samowytłumaczeniem. Zamiast marnować godziny na szukanie wysokiej jakości obrazów wolnych od tantiem w Internecie, możesz zdecydować się na wtyczkę Unsplash dla Figma i zacząć używać makiet bezpośrednio z ekranu głównego Figma. Nic dziwnego, dlaczego Unsplash ma tak dużą liczbę pobrań w sklepie z wtyczkami.
![Unsplash dla figma](/f/56eacbb53522ac141920a577eccf30bf.jpg)
Pobierz Unsplash dla Figma
2. Rolka treści
Większość projektantów polega na Lorem Ipsum do generowania losowego tekstu do wykorzystania w makietach interfejsu użytkownika. Content Reel przenosi wrażenia na wyższy poziom. Pozwala na generowanie losowych treści, takich jak nazwa użytkownika, daty, adres, waluta, awatary, ikony, obrazy itp. i jest znacznie bardziej użyteczny i skuteczny niż Lorem Ipsum.
![Rolka treści dla figma](/f/13f9a21adf3c8d6f3c527477026d60ff.jpg)
Pobierz rolkę treści dla Figma
3. Szkielet
Wiemy, że rynek jest pełen rozwiązań wireframe'owych, takich jak Balsamiq, ale jeśli chcesz szybko stworzyć prototyp w Figma, to wtyczka Wireframe jest dla Ciebie koniecznością.
![Wirefreme dla figma](/f/dc0983fae22b3ac194b2e34e6144064f.jpg)
Model szkieletowy zawiera listę wstępnie zaprojektowanych szkieletów (szablonów) w sieci Web i na urządzenia mobilne, podzieloną na kategorie, które można dodać bezpośrednio do strony Figma, klikając ramkę. Wszystkie pliki są komponentem Figma (SVG) i można je łatwo edytować. Dzięki temu możesz łatwo zarządzać wszystkimi czynnościami związanymi z tworzeniem wireframe'ów i prototypów.
Pobierz model szkieletowy dla Figma
4. Ikonifikuj
Każdy projektant potrzebuje ikon do pracy z projektem interfejsu użytkownika. Zamiast szukać ich bez końca w Internecie, możesz zdecydować się na wtyczkę innej firmy, taką jak Iconify, aby zaimplementować różne rodzaje ikon w projekcie.
![Ikonifikuj dla figma](/f/f437a43f7b15fc7732ea2772873dfa18.jpg)
Iconify umożliwia importowanie ikon Material Design, FontAwesome, Jam Icons, EmojiOne, Twitter Emoji, i wiele innych ikon (ponad 60 zestawów ikon zawierających ponad 50 000 ikon) Dokument Figma jako wektor kształty.
Pobierz Iconify dla Figma
5. Paleta obrazów
Jeśli masz problem z wyborem kombinacji kolorów na podstawie obrazu, Palette jest odpowiednią wtyczką dla Ciebie. Rozszerzenie wyodrębnia z wybranych obrazów paletę 5 różnych kolorów. Śmiało, spróbuj z poniższego linku.
![Paleta obrazów dla figma](/f/3d4aadc46e70c8c94075f4d770816414.jpg)
Pobierz paletę obrazów dla Figma
6. Zestaw historii
Projektanci kochają ilustracje, prawda? Projektując stronę powitalną dla witryny internetowej lub aplikacji, będziesz potrzebować głównie ilustracji, aby na nią wpłynąć.
![Opowieść ustawiona na figma](/f/53a389137ada9e59fed758f2e73d48b1.jpg)
Jeśli chcesz mieć piękną, wykonaną na zamówienie ilustrację, możesz ją importować i edytować zgodnie z potrzebami za pomocą wtyczki Stories by Freepik. Istnieje ponad 1000 darmowych ilustracji, które Cię rozpieszczą.
Pobierz zestaw historii dla Figma
Również na Guiding Tech
7. Kreator logo
Twój klient prosi o niestandardowe logo, a nie masz pojęcia, od czego zacząć? Wtyczka Logo Creator dla Figma pozwala wybrać najlepsze logo lub stworzyć je przy użyciu różnych komponentów. Możesz stworzyć piękne logo, wybierając różne kształty lub wybierając najlepsze logo z gotowych kolekcji ponad 300 logo.
![Kreator logo dla figma](/f/5f22e51546c029447644c1a8e5fd7e46.jpg)
Pobierz Kreator Logo dla Figma
8. Wykresy
Dodanie prostych nieprzetworzonych danych do projektu może sprawić, że będzie on wyglądał nijako. Możesz użyć wykresu, aby zwiększyć atrakcyjność całego projektu. W tym celu zalecamy wykresy dla wtyczki Figma.
![Wykresy dla figma](/f/bb5e84f043d11229138e81d6d6c2cb94.jpg)
Wykresy umożliwiają generowanie wykresów, które można dodawać i edytować w dokumencie Figma. Wybierz spośród wykresów liniowych, warstwowych, kołowych, pierścieniowych, punktowych i słupkowych. Każdy wykres ma własny zestaw konfiguracji, taki jak kilka punktów, wartości maksymalne i minimalne.
Pobierz wykresy dla Figma
9. Figmoji
Figmoji to fajny. Jeśli Twoja praca obejmuje emotikony podczas projektów projektowych, Figmoji jest idealną wtyczką dla Ciebie. Jednym kliknięciem możesz zaimplementować emotikony bezpośrednio w swoim projekcie interfejsu użytkownika. Zgodnie z oczekiwaniami wtyczka dodaje format SVG do emotikonów, dzięki czemu masz pełną elastyczność w ich edycji.
![Emoji dla figma](/f/d320979eb63fbaf305d5e40ad3a24fd8.jpg)
Pobierz Flgmoji
10. Kreator Map
Wielokrotnie projektanci muszą dodać mapę do swojego projektu. A potem udają się do map google i ręcznie wyodrębniają rzeczy. Wtyczka Map Maker dla Figma jest tutaj, aby oszczędzić nam wszystkich kłopotów. Kreator map umożliwia szybkie tworzenie spersonalizowanych map. Obecnie obsługuje Mapy Google i Mapbox.
![Kreator map dla figma](/f/401d113ace040066d2d50e65497d3d88.jpg)
Pobierz Kreator Map dla Figma
11. Super schludny
Dopasowanie jest niezbędne w każdym projekcie projektowym. Prosta niewspółosiowość jest absolutnie czymś, czego należy unikać. Super Tidy dla Figma umożliwia łatwe wyrównanie, zmianę nazwy i zmianę kolejności ramek w oparciu o ich położenie na płótnie. Super Tidy zmienia również nazwy ramek i porządkuje je na liście warstw według ich pozycji na płótnie.
![Wyrównaj do figma](/f/17a5e52d8ab628abbb673f46f1df401a.jpg)
Uzyskaj super porządek
12. Vectary
Wtyczka Vectary 3D do Figma dodaje brakujący trzeci wymiar do twoich projektów 2D. Umieść projekt Figma we wstępnie zdefiniowanej makiecie 3D lub niestandardowym elemencie 3D. Ustaw pożądaną perspektywę w 3D i umieść wynik w scenie jednym kliknięciem. To niezbędna wtyczka, zwłaszcza gdy chcesz zaimponować klientom.
![Vectary dla figma](/f/89484dbab3f2399c4806303d61f10691.jpg)
Pobierz Vectary dla Figma
13. Podgląd czcionki
Sprytnie wykonana typografia wewnątrz ich projektu interfejsu, a także sprawia, że jest atrakcyjna dla wielu. Typ tekstu ma moc tworzenia lub łamania interfejsu. Używanie tej samej typografii może zaszkodzić twojemu projektowi. Możesz użyć podglądu czcionek, aby tego uniknąć. Za pomocą tej wtyczki możesz wyświetlić podgląd tekstu w ponad 1000 stylach typograficznych.
![Podgląd czcionki dla figma](/f/791bf9d6a5d26f227d11bae02c95817b.jpg)
Pobierz podgląd czcionek dla Figma
Również na Guiding Tech
Użyj Figmy jak profesjonalista
Wtyczki do oprogramowania do projektowania interfejsu użytkownika są podobne do rozszerzenia do przeglądarki. Korzystając z odpowiedniego zestawu wtyczek, możesz znacznie poprawić przepływ pracy i wydajność dzięki Figma. Przejrzyj powyższą listę i powiedz nam, które wtyczki zainstalowałeś w komentarzach poniżej.
Dalej w górę: Figma jest przyjemnością w użyciu dzięki wbudowanym skrótom klawiaturowym. Przeczytaj poniższy post, aby dowiedzieć się o jedenastu najlepszych skrótach klawiaturowych Figma dla systemów Windows i Mac.