13 bästa Figma-plugins för varje designer
Miscellanea / / November 29, 2021
Under många år har Sketch och Adobe varit de facto-applikationerna för UI- och UX-designers. Men under de senaste åren har vi sett många nya utmanare komma upp på marknaden. Bland dem sticker Figma ut av flera skäl. Företaget nyligen lade till ett efterlängtat plugins-tillägg för att göra det enklare för sina användare. Vi har valt ut några av de bästa Figma-pluginsna i listan nedan.
![Plugins för figma](/f/049eec1712ea00bfaf64403a4b2b9cfd.jpg)
En designers arbete kan vara tråkigt utan plugin-stöd. Figma-plugins har inte alltid varit en grej. Dessutom fungerar Figma för alla operativsystem som kör en webbläsare som Mac, Windows, PC, etc.
Det heta ämnet för Figma just nu är stöd för gratis- och premiumplugins som ger en välbehövlig hjälpande hand under långa UI-designtimmar.
Låt oss ta en titt.
Även på Guiding Tech
1. Unsplash
Den här är självförklarande. Istället för att slösa timmar på att leta efter royaltyfria bilder av hög kvalitet på webben, kan du välja Unsplash-plugin för Figma och börja använda mockup-bilder direkt från Figmas startskärm. Inte konstigt varför Unsplash har ett så stort antal nedladdningar i Plugin Store.
![Unsplash för figma](/f/56eacbb53522ac141920a577eccf30bf.jpg)
Skaffa Unsplash för Figma
2. Innehållsrulle
De flesta designers förlitar sig på Lorem Ipsum för att generera slumpmässig text att använda i UI-mockups. Content Reel tar upplevelsen till nästa nivå. Det låter dig generera slumpmässigt innehåll som användarnamn, datum, adress, valuta, avatarer, ikoner, bilder etc., och det är mycket mer användbart och effektivt än Lorem Ipsum.
![Innehållsrulle för figma](/f/13f9a21adf3c8d6f3c527477026d60ff.jpg)
Skaffa innehållsrulle för Figma
3. Trådram
Vi vet att marknaden är full av wireframing-lösningar som Balsamiq, men om du snabbt vill skapa en prototyp i Figma så är Wireframe-plugin ett måste för dig.
![Wirefreeme för figma](/f/dc0983fae22b3ac194b2e34e6144064f.jpg)
Wireframe har en lista för webb och mobil fördesignade wireframes (mallar) indelade i kategorier som kan läggas till direkt på Figma-sidan genom att klicka på ramen. Alla filer är Figma Component (SVG) och de är lätta att redigera. Med det kan du enkelt hantera alla wireframing- och prototypaktiviteter.
Skaffa Wireframe för Figma
4. Ikonifiera
Varje designer behöver ikoner för att arbeta med UI-projektet. Istället för att hitta dem i oändlighet på webben kan du välja ett tredjepartsplugin som Iconify för att implementera olika typer av ikoner i projektet.
![Iconify för figma](/f/f437a43f7b15fc7732ea2772873dfa18.jpg)
Iconify låter dig importera Material Design Icons, FontAwesome, Jam Icons, EmojiOne, Twitter Emoji, och många andra ikoner (mer än 60 ikonuppsättningar som innehåller över 50 000 ikoner) Figma-dokument som vektor former.
Skaffa Iconify för Figma
5. Bildpalett
Om du har svårt att bestämma färgkombinationer baserat på bilden, är Palette rätt plugin för dig. Tillägget extraherar en färgpalett med 5 olika färger från de valda bilderna. Varsågod ge det ett försök från länken nedan.
![Bildpalett för figma](/f/3d4aadc46e70c8c94075f4d770816414.jpg)
Skaffa bildpalett för Figma
6. Storyset
Designers älskar illustrationer, eller hur? När du designar en välkomstsida för en webbplats eller en app behöver du oftast använda en illustration för att påverka den.
![Berättelseuppsättning för figma](/f/53a389137ada9e59fed758f2e73d48b1.jpg)
Om du vill ha en vacker skräddarsydd illustration kan du importera och redigera den efter dina behov med insticksprogrammet Stories by Freepik. Det finns mer än gratis 1000 illustrationer för att skämma bort dig.
Skaffa Storyset för Figma
Även på Guiding Tech
7. Skapare av logotyp
Ber din kund efter en anpassad logotyp och du har ingen aning om var du ska börja? Logo Creator-plugin för Figma låter dig välja den bästa logotypen eller skapa en med olika komponenter. Du kan skapa en vacker logotyp genom att välja olika former eller välja den bästa logotypen från prebuild-kollektioner med över 300 logotyper.
![Logotypskapare för figma](/f/5f22e51546c029447644c1a8e5fd7e46.jpg)
Skaffa Logo Creator för Figma
8. Diagram
Att lägga till enkla rådata i din design kan få det att se intetsägande ut. Du kan använda ett diagram för att göra den övergripande designen mer attraktiv. Vi rekommenderar diagram för insticksprogrammet Figma för det.
![Diagram för figma](/f/bb5e84f043d11229138e81d6d6c2cb94.jpg)
Diagram låter dig skapa diagram som kan läggas till och redigeras i ditt Figma-dokument. Välj mellan linje-, yt-, cirkel-, munk-, spridnings- och stapeldiagram. Varje diagram kommer med sin egen uppsättning konfigurationer, såsom flera punkter, max- och minvärden.
Skaffa diagram för Figma
9. Figmoji
Figmoji är en rolig sådan. Om ditt arbete involverar emojis under designprojekt är Figmoji den perfekta plugin för dig. Med ett enda klick kan du implementera emojis direkt i ditt UI-projekt. Som förväntat lägger plugin till SVG-formatet för en emoji, så att du har all flexibilitet att redigera dem.
![Emoji för figma](/f/d320979eb63fbaf305d5e40ad3a24fd8.jpg)
Skaffa Flgmoji
10. Map Maker
Många gånger måste designers lägga till en karta i sin design. Och sedan går de till google maps och extraherar grejerna manuellt. Map Maker-plugin för Figma är här för att rädda oss alla besvär. Map Maker låter dig göra en anpassad karta blixtsnabb. Den stöder för närvarande Google Maps och Mapbox.
![Kartskapare för figma](/f/401d113ace040066d2d50e65497d3d88.jpg)
Skaffa Map Maker för Figma
11. Super snyggt
Justering är viktigt i varje designprojekt. En enkel felställning är absolut något som bör undvikas. Super Tidy för Figma låter dig enkelt anpassa, byta namn och ändra ordning på dina ramar baserat på deras arbetsyta. Super Tidy byter också namn på dina ramar och ordnar om dem i lagerlistan efter deras placering på arbetsytan.
![Rikta in för figma](/f/17a5e52d8ab628abbb673f46f1df401a.jpg)
Få superstädat
12. Vectary
Vectary 3D-plugin för Figma lägger till den saknade tredje dimensionen till dina 2D-designer. Placera din Figma-design i en fördefinierad 3D-mockup eller ditt anpassade 3D-element. Ställ in önskat perspektiv i 3D och placera resultatet i scenen med ett klick. Det är ett viktigt plugin, speciellt när du vill imponera på kunder.
![Vectary för figma](/f/89484dbab3f2399c4806303d61f10691.jpg)
Skaffa Vectary för Figma
13. Förhandsgranskning av teckensnitt
Skickligt utformad typografi i deras gränssnittsdesign och gör den också attraktiv för många. Texttypen har makten att skapa eller bryta gränssnittet. Att använda samma typografi kan skada din design. Du kan använda Font Preview för att undvika det. Med detta plugin kan du förhandsgranska din text i mer än 1000 typografistilar.
![Förhandsvisning av teckensnitt för figma](/f/791bf9d6a5d26f227d11bae02c95817b.jpg)
Få teckensnittsförhandsgranskning för Figma
Även på Guiding Tech
Använd Figma som ett proffs
Plugins för ett UI-designprogram liknar tillägg för en webbläsare. Genom att använda rätt uppsättning plugins kan du avsevärt förbättra ditt arbetsflöde och produktivitet med Figma. Gå igenom listan ovan och berätta för oss vilka plugins du installerade i kommentarerna nedan.
Nästa upp: Figma är en fröjd att använda med inbyggda kortkommandon. Läs inlägget nedan för att lära dig om de elva översta Figma-genvägarna för Windows och Mac.