13 beste Figma-plug-ins voor elke ontwerper

Sketch en Adobe zijn al vele jaren de feitelijke voorkeurstoepassing voor UI- en UX-ontwerpers. Maar de afgelopen jaren hebben we veel nieuwe kanshebbers op de markt zien komen. Onder hen onderscheidt Figma zich om meerdere redenen. Het bedrijf onlangs een langverwachte add-on voor plug-ins toegevoegd om het de gebruikers gemakkelijker te maken. We hebben enkele van de beste Figma-plug-ins in de onderstaande lijst geselecteerd.

Het werk van een ontwerper kan vervelend zijn zonder ondersteuning voor plug-ins. Figma-plug-ins zijn niet altijd iets geweest. Bovendien werkt Figma voor elk besturingssysteem waarop een webbrowser wordt uitgevoerd, zoals Macs, Windows, pc, enz.

Het hot topic van Figma op dit moment is ondersteuning voor gratis en premium plug-ins die een broodnodige helpende hand bieden tijdens lange UI-ontwerpuren.

Laten we kijken.

Ook over Guiding Tech

1. Unsplash

Deze is zelfverklaarder. In plaats van uren te verspillen aan het zoeken naar royaltyvrije afbeeldingen van hoge kwaliteit op internet, kunt u kiezen voor de Unsplash-plug-in voor Figma en mockup-afbeeldingen direct vanaf het startscherm van Figma gaan gebruiken. Geen wonder waarom Unsplash zo'n hoog aantal downloads heeft in de Plugin Store.

Download Unsplash voor Figma

2. Inhoudsrol

De meeste ontwerpers vertrouwen op Lorem Ipsum om willekeurige tekst te genereren voor gebruik in UI-mockups. Content Reel tilt de ervaring naar een hoger niveau. Hiermee kunt u willekeurige inhoud genereren, zoals gebruikersnaam, datums, adres, valuta, avatars, pictogrammen, afbeeldingen, enz., en het is veel nuttiger en effectiever dan Lorem Ipsum.

Download inhoudsrol voor Figma

3. draadframe

We weten dat de markt vol zit met wireframing-oplossingen zoals Balsamiq, maar als je snel een prototype in Figma wilt maken, dan is de Wireframe-plug-in een must-have voor jou.

Het Wireframe heeft een lijst met vooraf ontworpen wireframes (sjablonen) voor internet en mobiel, onderverdeeld in categorieën die rechtstreeks aan de Figma-pagina kunnen worden toegevoegd door op het frame te klikken. Alle bestanden zijn Figma Component (SVG) en kunnen gemakkelijk worden bewerkt. Hiermee kunt u eenvoudig alle wireframing- en prototyping-activiteiten beheren.

Wireframe voor Figma ophalen

4. Iconify

Elke ontwerper heeft pictogrammen nodig om met het UI-project te werken. In plaats van ze eindeloos op internet te vinden, kun je kiezen voor een plug-in van derden, zoals Iconify, om verschillende soorten pictogrammen in het project te implementeren.

Met Iconify kunt u Material Design Icons, FontAwesome, Jam Icons, EmojiOne, Twitter Emoji, en vele andere pictogrammen (meer dan 60 pictogrammensets met meer dan 50.000 pictogrammen) Figma-document als vector vormen.

Download Iconify voor Figma

5. Afbeeldingspalet

Als je moeite hebt om kleurencombinaties te kiezen op basis van de afbeelding, dan is Palette de juiste plug-in voor jou. De extensie extraheert een kleurenpalet van 5 verschillende kleuren uit de geselecteerde afbeeldingen. Ga je gang, probeer het eens via de onderstaande link.

Afbeeldingspalet voor Figma ophalen

6. Verhalenset

Ontwerpers houden van illustraties, nietwaar? Bij het ontwerpen van een welkomstpagina voor een website of een app, zul je meestal een illustratie moeten gebruiken om deze te beïnvloeden.

Als je een mooie, op maat gemaakte illustratie wilt, kun je deze naar wens importeren en bewerken met de Stories by Freepik-plug-in. Er zijn meer dan 1000 gratis illustraties om je te verwennen.

Verhaalset voor Figma ophalen

Ook over Guiding Tech

7. Logo maker

Vraagt ​​uw klant om een ​​logo op maat en heeft u geen idee waar u moet beginnen? Met de Logo Creator-plug-in voor Figma kunt u het beste logo selecteren of een logo maken met verschillende componenten. U kunt een prachtig logo maken door verschillende vormen te kiezen of door het beste logo te selecteren uit vooraf gebouwde collecties van meer dan 300 logo's.

Download Logo Creator voor Figma

8. Grafieken

Als u eenvoudige onbewerkte gegevens aan uw ontwerp toevoegt, ziet het er misschien saai uit. U kunt een grafiek gebruiken om de aantrekkingskracht van het algehele ontwerp te vergroten. Daarvoor raden we Charts voor de Figma-plug-in aan.

Met grafieken kunt u grafieken genereren die binnen uw Figma-document kunnen worden toegevoegd en bewerkt. Kies uit lijn-, vlak-, taart-, donut-, spreidings- en staafdiagrammen. Elke grafiek wordt geleverd met zijn eigen set configuraties, zoals verschillende punten, max- en min-waarden.

Krijg grafieken voor Figma

9. Figmoji

Figmoji is een leuke. Als je werk emoji's omvat tijdens ontwerpprojecten, dan is Figmoji de perfecte plug-in voor jou. Met een enkele klik kunt u emoji's rechtstreeks in uw UI-project implementeren. Zoals verwacht voegt de plug-in het SVG-formaat van een emoji toe, zodat je alle flexibiliteit hebt om ze te bewerken.

Download Flgmoji

10. Map Maker

Vaak moeten de ontwerpers een kaart in hun ontwerp toevoegen. En dan gaan ze naar Google Maps en halen het spul handmatig uit. Map Maker-plug-in voor Figma is hier om ons alle problemen te besparen. Met Map Maker kunt u razendsnel een aangepaste kaart maken. Het ondersteunt momenteel Google Maps en Mapbox.

Download Map Maker voor Figma

11. Super netjes

Afstemming is essentieel in elk ontwerpproject. Een eenvoudige verkeerde uitlijning is absoluut iets dat moet worden vermeden. Met Super Tidy voor Figma kunt u uw lijsten eenvoudig uitlijnen, hernoemen en opnieuw ordenen op basis van hun canvaspositie. Super Tidy hernoemt ook uw frames en herschikt ze in de lagenlijst op basis van hun positie in het canvas.

Super netjes worden

12. vector

Vectary 3D-plug-in voor Figma voegt de ontbrekende derde dimensie toe aan uw 2D-ontwerpen. Plaats uw Figma-ontwerp in een vooraf gedefinieerde 3D-mockup of uw aangepaste 3D-element. Stel het gewenste perspectief in 3D in en plaats het resultaat met één klik in de scène. Het is een essentiële plug-in, vooral als je indruk wilt maken op klanten.

Krijg Vectary voor Figma

13. Lettertypevoorbeeld

Slim vervaardigde typografie in hun interface-ontwerp en maakt het ook voor velen aantrekkelijk. Het teksttype heeft de kracht om de interface te maken of te breken. Het gebruik van dezelfde typografie kan uw ontwerp schaden. U kunt Font Preview gebruiken om dat te voorkomen. Met deze plug-in kunt u een voorbeeld van uw tekst bekijken in meer dan 1000 typografische stijlen.

Download lettertypevoorbeeld voor Figma

Ook over Guiding Tech

Gebruik Figma als een professional

Plug-ins voor UI-ontwerpsoftware zijn vergelijkbaar met: extensies voor een browser. Met behulp van de juiste set plug-ins kunt u uw workflow en productiviteit met Figma aanzienlijk verbeteren. Ga door de bovenstaande lijst en vertel ons welke plug-ins u hebt geïnstalleerd in de opmerkingen hieronder.