Figma-plugins bidrar til å øke arbeidsresultatet ditt og sikre at du holder deg innenfor Figma for å fullføre designarbeidet ditt. Med Figmas uendelige bibliotek av plugins, er det nesten ingenting du ikke kan gjøre med favorittdesignverktøyet ditt.
Med disse mest nyttige gratis Figma-pluginene, skraper vi bare i overflaten av det som er tilgjengelig.
Hvordan laste ned Figma-plugins
Før vi hopper inn i listen over varer, bør du vite hvordan du finner og laster ned en Figma-plugin. Du vet kanskje hvordan du bruker Figma, men hvis du ikke gjør det, her er hvordan du enkelt kan finne plugin-biblioteket. Noen plugins kan fungere bedre fra Figma desktop-appen enn fra nettleserversjonen.
Gå til fellesskapssiden, som du finner på hjemmesiden eller fra en filside under kontonavnet ditt. Fellesskapssiden viser mer enn bare plugins, men fra en Figma-fil velger du
Hovedmeny > Plugins vil vise deg nylig brukte plugins og lagrede plugins, og lar deg finne nye plugins.Velger Finn nye plugins tar deg til Ressurser fanen hvor du kan søke etter hvilken som helst plugin. Når du finner en plugin du vil laste ned – fra fellesskapssiden – velg Prøv det for å laste ned, eller – fra ressurssøkboksen – velg Løpe for å laste ned plugin.
Hvert plugin skal gi sine egne bruksanvisninger, så les teksten når du blir bedt om det.
Gauthams Mesh Gradient-plugin gir en rask og enkel måte å legge til tilpassede gradienter til Figma-designene dine. Kjør plugin-en og lag en gradientfirkant. Du kan tilpasse fargene selv eller treffe Randomiser for å automatisk generere et gradientdesign.
Denne plugin-en lager et bilde fra gradienten din, så det kan ikke redigeres etter å ha generert det. Du kan imidlertid redigere gamle eller lage nye gradienter i plugin-modulen.
Webflow Labs gir en flott måte å gjøre Figma-designet om til HTML eller CSS klar for Webflow og nettstedoppretting. Du kan integrere Webflow-interaksjoner i Figma-designene dine for sømløs integrasjon med Webflow Labs. Denne plugin-en er flott hvis du er en Webflow Labs-bruker eller jobber med et nettutviklerteam.
Den inkluderer responsive komponenter, beholder alle stiler, fonter og bilder, og lar deg til og med redigere HTML-tagger rett i Figma. Du kan lage mastermalstiler i Figma og bruk Figma til Webflow for å eksportere dem for fremtidige nettstedsprosjekter.
Unsplashs offisielle Figma-plugin betyr at du kan sette inn bilder direkte i designene dine uten å forlate Figma-vinduet. Alle de samme Unsplash-lisensene er tilgjengelige, men med denne plugin-en sparer du tid og klikk når du legger til bilder i arbeidet ditt.
Hvis du er en designer av bilder, kan det hende du synes det er vanskelig å finne plassholdertekst for plassen i designene dine. Lorem Ipsum plassholder-plugin gjør alt for deg. Med tradisjonell latinsk tekst er det bare å overlevere designet til tekstforfatteren din for å gjøre plassholderteksten om til en ekte vare, så alt du trenger å gjøre er å fokusere på det visuelle.
Hvis du har et kopikort med copywriting som trengs for designet ditt, hjelper Text Porter enkelt å flytte kopien fra Excel til Figma. Bare kjør Text Porter-pluginen og flytt teksten over. Rediger deretter teksten direkte i Excel-filen din for å oppdatere Figma-designet ditt i fremtiden. Dette er nyttig hvis tekstforfatteren din ikke har tilgang til eller kunnskap om Figma.
For en jevnere arbeidsflyt sammen med bruk av plugins, kan du også bruk Figma-snarveier for en raskere arbeidsflyt.
Å fjerne bakgrunner er en vanlig praksis når du bruker bilder i mange designaspekter. I stedet for å bruke Photoshop, Canva eller andre redigeringsprogrammer, kan du bruke Icons8 Background Remover-plugin for raskere prosessen og beholde alt i Figma.
Verktøyet for fjerning av bakgrunnen kan brukes på mer enn ett bilde om gangen, noe som gjør arbeidsprosessen raskere med et klikk på en knapp.
Image Tracer-pluginen lager et vektorbilde fra hvilke bilder og bildelag du velger å bruke det på. En skalerbar vektor er som gullstøv for digitalt designarbeid, og denne plugin gjør det enkelt å gjøre et hvilket som helst bilde til en vektor.
Html.to.design-pluginen kan hjelpe deg med å gjenskape eksisterende nettsteddesign til Figma-design. Dette tjener mange formål, for eksempel å hjelpe deg med å øve på å designe nettsteder, eller for deg å gjenopprette gamle nettsteder du har designet og mistet tilgang til.
Se vår detaljerte veiledning for konvertere et nettsted til et Figma-design bruker denne plugin-en.
Vectorize-pluginen fungerer på samme måte som Image Tracer, men dette er bedre hvis du bare har ett bilde og en farge å vektorisere. Konvertering av punktgrafikkbilder til vektorer er enkelt ved å bruke denne plugin.
Dine nye vektorer vil være en vektorbane, enkle å redigere og bruke for alle dine designbehov. Spesielt bra hvis klienten din sender deg logoen sin som et pikselisert bilde kopiert fra et Word-dokument. Du kan enkelt gjenopplive logoer og andre enfargede ikoner i Figma.
Designe for et spesifikt sideforhold? Trenger du å skalere opp eller ned? Bruk Aspects-pluginen. Denne plugin-en lar deg raskt endre aspektet til forskjellige lag i designet ditt, spesielt bilder. Aspects er et nyttig verktøy for enhver rask skalering du trenger å gjøre.
Hvis du designer for UX/UI, legger du sannsynligvis til knapper i designene dine. Button Buddy er en flott plugin som tilbyr mange knappekomponentdesign, som sparer deg tid på å designe, slik at du kan fokusere på flotte layoutdesign.
For å legge til flere komponenter enn knapper, bruk Handy Components-plugin. Dette pluginet tilbyr over 60 forskjellige UX/UI-designelementer. Handy Components bruker også smart design for å gjenskape stilene som er til stede i designet ditt og bruke dem direkte på plugin-komponentene. Du trenger ikke å redigere for å matche stilen din.
Tilgjengelige komponenter er knapper, funksjonskort, listeelementer, tabeller, fremdriftslinjer, advarselsklistremerker, kalendere og mange andre nyttige elementer.
Trenger du et kart på webdesignet ditt? Du kan enkelt integrere en med Map Maker-plugin. Programtillegget lar deg legge til et tilpasset kart satt inn i en form.
Bare velg den tiltenkte formen – rektangel, ellipse eller polygon – og kjør Map Maker. Skriv deretter inn adressen du vil dele. Det er så enkelt å legge til et kart til webdesignet ditt.
Ikoner gjør UX/UI-design universelt og tilgjengelig. Iconify-pluginen er vert for et bibliotek med over 1000 000 ikoner for nesten enhver bruk. Iconifys åpne kildekode, SVG-ikoner kan brukes i mange utviklingsprogramvare for å enkelt ta Figma-designene dine fra prototype til levende produkter.
Å legge til mockups til Figma-designene dine hjelper deg med å inkorporere virkeligheten i potensielle produktideer. Enten du legger til mockups til din Figma presentasjonsdesign eller innlemme dem på et nettsted, de er en praktisk ting å ha.
Clay Mockups 3D er en av mange flotte mockup-plugins. Se vår veiledning om Figma-smarttelefonmodeller for å se hva annet som er tilgjengelig. Du kan sette inn modeller for telefoner, datamaskiner og andre enheter, samt hender for å holde dem.
Dette enkle pluginet lar deg justere rammene dine, rydde opp og holde kunstverket organisert. Bare velg elementene dine, kjør plugin-en, og Figma-vinduet ditt vil være superryddig.
Ikke bare bestiller den en rotete tegnebrett, men den omnummererer til og med rammer hvis rekkefølgen endres. Ikke mer å lete rundt etter ramme 5 etter at den er flyttet, du finner den plassert ved siden av 4 og 6.
Hold arbeidet flytende med Figma-plugins
Med disse 16 flotte verktøyene kan du enkelt transformere arbeidsstrømmen din. Plugins lar deg gjøre mer uten å forlate Figma-designvinduet.
Disse pluginene er de mest nyttige som finnes, og hvis du bruker dem alle, kan du vektorisere bilder, legge til bilder fra Unsplash, legg til HTML-design i Figma og tilbake igjen med Webflow Labs, legg til tilpassede kart og endre størrelsen på design. Alle med plugins.
