Figma-plugins hjælper med at øge dit arbejdsoutput og sikre, at du bliver inden for Figma for at fuldføre dit designarbejde. Med Figmas uendelige bibliotek af plugins er der næsten intet, du ikke kan gøre med dit yndlingsdesignværktøj.
Med disse mest nyttige gratis Figma-plugins ridser vi kun i overfladen af, hvad der er tilgængeligt.
Sådan downloades Figma-plugins
Før vi hopper ind på listen over varer, bør du vide, hvordan du finder og downloader et Figma-plugin. Du ved måske hvordan man bruger Figma, men hvis du ikke gør det, her er hvordan du nemt kan finde plugin-biblioteket. Nogle plugins fungerer muligvis bedre fra Figma desktop-appen end fra browserversionen.
Gå til Community-siden, som kan findes på hjemmesiden eller fra en filside under dit kontonavn. Community-siden viser mere end blot plugins, men fra en Figma-fil kan du vælge
Hovedmenu > Plugins vil vise dig nyligt brugte plugins og gemte plugins, og lader dig finde nye plugins.Vælger Find nye plugins tager dig til Ressourcer fane, hvor du kan søge efter ethvert plugin. Når du har fundet et plugin, du vil downloade - fra fællesskabssiden - vælg Prøve det for at downloade, eller - fra ressourcesøgefeltet - vælg Løb for at downloade pluginnet.
Hvert plugin skal give sine egne instruktioner til brug, så læs forklaringen, når du bliver bedt om det.
Gauthams Mesh Gradient-plugin giver en hurtig og nem måde at tilføje brugerdefinerede gradienter til dine Figma-designs. Kør plugin'et og opret en gradientfirkant. Du kan selv tilpasse farverne eller ramme Randomiser for automatisk at generere et gradientdesign.
Dette plugin opretter et billede fra din gradient, så det kan ikke redigeres efter generering af det. Du kan dog redigere gamle eller oprette nye gradienter i pluginnet.
Webflow Labs giver en fantastisk måde at omdanne dit Figma-design til HTML eller CSS, klar til Webflow og oprettelse af hjemmeside. Du kan integrere Webflow-interaktioner i dine Figma-designs for problemfri integration med Webflow Labs. Dette plugin er fantastisk, hvis du er en Webflow Labs-bruger eller arbejder med et webudviklerteam.
Det inkluderer responsive komponenter, bevarer alle dine stilarter, skrifttyper og billeder og giver dig endda mulighed for at redigere HTML-tags direkte i Figma. Du kan oprette masterskabelonstile i Figma og brug Figma til Webflow til at eksportere dem til fremtidige webstedsprojekter.
Unsplashs officielle Figma-plugin betyder, at du kan indsætte billeder direkte i dine designs uden at forlade dit Figma-vindue. Alle de samme Unsplash-licenser er tilgængelige, men med dette plugin sparer du tid og klik, når du tilføjer billeder til dit arbejde.
Hvis du er en designer af billeder, kan du finde det svært at finde pladsholdertekst til rummet i dine designs. Lorem Ipsum pladsholder-plugin'et gør det hele for dig. Med traditionel latinsk tekst skal du bare aflevere dit design til din tekstforfatter for at gøre pladsholderteksten til den ægte vare, så alt du skal gøre er at fokusere på det visuelle.
Hvis du har brug for en kopi af copywriting til dit design, hjælper Text Porter nemt med at flytte din kopi fra Excel til Figma. Kør blot Text Porter-pluginnet og flyt din tekst over. Rediger derefter teksten direkte i din Excel-fil for at opdatere dit Figma-design i fremtiden. Dette er nyttigt, hvis din tekstforfatter ikke har adgang til eller kendskab til Figma.
For en jævnere arbejdsgang sammen med brug af plugins kan du også brug Figma-genveje til en hurtigere arbejdsgang.
Fjernelse af baggrunde er en almindelig praksis, når du bruger billeder i mange designaspekter. I stedet for at bruge Photoshop, Canva eller andre redigeringsprogrammer, fremskynder brugen af Icons8 Background Remover-plugin processen og holder det hele i Figma.
Værktøjet til fjernelse af baggrunden kan anvendes på mere end ét billede ad gangen, hvilket fremskynder din arbejdsproces med et klik på en knap.
Image Tracer-plugin'et opretter et vektorbillede fra de billeder og billedlag, du vælger at anvende det på. En skalerbar vektor er som guldstøv til digitalt designarbejde, og dette plugin gør det nemt at omdanne ethvert billede til en vektor.
Html.to.design-plugin'et kan hjælpe dig med at genskabe eksisterende webstedsdesign til Figma-design. Dette tjener mange formål, såsom at hjælpe dig med at øve dig i at designe websteder eller for dig at gendanne gamle websteder, du har designet og mistet adgang til.
Se vores detaljerede tutorial for konvertere en hjemmeside til et Figma-design ved at bruge dette plugin.
Vectorize-plugin'et fungerer på samme måde som Image Tracer, men dette er bedre, hvis du kun har et billede og en farve til at vektorisere. Konvertering af bitmapbilleder til vektorer er let ved at bruge dette plugin.
Dine nye vektorer vil være en vektorsti, nem at redigere og bruge til alle dine designbehov. Især godt, hvis din klient sender dig deres logo som et pixeliseret billede kopieret fra et Word-dokument. Du kan nemt genoplive logoer og andre ensfarvede ikoner i Figma.
Design til et specifikt billedformat? Skal du skalere op eller ned? Brug Aspects-pluginnet. Dette plugin giver dig mulighed for hurtigt at ændre aspektet af forskellige lag i dit design, især billeder. Aspects er et nyttigt værktøj til enhver hurtig skalering, du skal udføre.
Hvis du designer til UX/UI, tilføjer du sandsynligvis knapper til dine designs. Button Buddy er et fantastisk plugin, der tilbyder mange knapkomponentdesigns, hvilket sparer dig tid på at designe, så du kan fokusere på fantastiske layoutdesigns.
For at tilføje flere komponenter end knapper, brug Handy Components-pluginnet. Dette plugin tilbyder over 60 forskellige UX/UI-designelementer. Handy Components bruger også smart design til at replikere de stilarter, der er til stede i dit design og anvende dem direkte på plugins tilføjede komponenter. Du behøver ikke at redigere for at matche din stil.
Tilgængelige komponenter er knapper, funktionskort, listeelementer, tabeller, statuslinjer, advarselsmærkater, kalendere og mange andre nyttige elementer.
Har du brug for et kort på dit webdesign? Du kan nemt inkorporere en med Map Maker-pluginnet. Pluginnet giver dig mulighed for at tilføje et tilpasset kort indsat i en form.
Du skal bare vælge den ønskede form – rektangel, ellipse eller polygon – og køre Map Maker. Indtast derefter den adresse, du vil dele. Det er så nemt at tilføje et kort til dit webdesign.
Ikoner gør UX/UI-design universelt og tilgængeligt. Iconify-plugin'et er vært for et bibliotek med over 1000.000 ikoner til næsten enhver brug. Iconifys open source, SVG-ikoner kan bruges i mange udviklingssoftware til nemt at tage dine Figma-designs fra prototype til levende produkter.
Tilføjelse af mockups til dine Figma-designs hjælper dig med at inkorporere virkeligheden i potentielle produktideer. Uanset om du tilføjer mockups til din Figma præsentation design eller at inkorporere dem på et websted, de er en praktisk ting at have.
Clay Mockups 3D er et af mange fantastiske mockup-plugins. Se vores guide til Figma smartphone mockups for at se, hvad der ellers er tilgængeligt. Du kan indsætte mockups til telefoner, computere og andre enheder samt hænder til at holde dem.
Dette enkle plugin giver dig mulighed for at justere dine rammer, rydde op og holde dit kunstværk organiseret. Vælg blot dine elementer, kør plugin'et, og dit Figma-vindue vil være super ryddeligt.
Det bestiller ikke kun et rodet tegnebræt, men det omnummererer endda rammer, hvis rækkefølgen ændres. Ikke mere på jagt efter ramme 5, efter at den er blevet flyttet, du vil finde den beliggende ved siden af 4 og 6.
Hold dit arbejde flydende med Figma-plugins
Med disse 16 fantastiske værktøjer kan du nemt forvandle din arbejdsstrøm. Plugins giver dig mulighed for at gøre mere uden at forlade Figma-designvinduet.
Disse plugins er de mest nyttige, og hvis du bruger dem alle, kan du vektorisere billeder, tilføje billeder fra Unsplash, tilføj HTML-design til Figma og tilbage igen med Webflow Labs, tilføj brugerdefinerede kort, og tilpas størrelsen på dine designs. Alle med plugins.
