I plug-in Figma aiutano ad aumentare l'output del tuo lavoro e ti assicurano di rimanere all'interno di Figma per completare il tuo lavoro di progettazione. Con l'infinita libreria di plugin di Figma, non c'è quasi nulla che non puoi fare con il tuo strumento di progettazione preferito.
Con questi plugin Figma gratuiti molto utili, stiamo solo grattando la superficie di ciò che è disponibile.
Come scaricare i plug-in Figma
Prima di passare all'elenco dei prodotti, dovresti sapere come trovare e scaricare un plug-in Figma. Potresti sapere come usare Figma, ma in caso contrario, ecco come trovare facilmente la libreria dei plug-in. Alcuni plugin potrebbero funzionare meglio dall'app desktop Figma che dalla versione del browser.
Vai alla pagina della community, che puoi trovare sulla home page o da una pagina di file sotto il nome del tuo account. La pagina della community elenca più di semplici plug-in, ma da un file Figma, selezionando il file
Menu principale > Plugin ti mostrerà i plug-in utilizzati di recente e i plug-in salvati e ti consente di trovare nuovi plug-in.Selezione Trova nuovi plugin ti porta al Risorse scheda in cui è possibile cercare qualsiasi plug-in. Una volta trovato un plug-in che desideri scaricare, dalla pagina Community, seleziona Provalo da scaricare oppure, dalla casella di ricerca delle risorse, selezionare Correre per scaricare il plugin.
Ogni plug-in dovrebbe fornire le proprie istruzioni per l'uso, quindi leggi il blurb quando richiesto.
Il plug-in Mesh Gradient di Gautham fornisce un modo rapido e semplice per aggiungere gradienti personalizzati ai tuoi progetti Figma. Esegui il plug-in e crea un quadrato sfumato. Puoi personalizzare tu stesso i colori o colpire Rendi casuale per generare automaticamente un disegno sfumato.
Questo plugin crea un'immagine dal tuo gradiente, quindi non può essere modificato dopo averlo generato. Tuttavia, puoi modificare vecchi o creare nuovi gradienti nel plugin.
Webflow Labs offre un ottimo modo per trasformare il tuo design Figma in HTML o CSS pronto per Webflow e creazione di siti web. Puoi integrare le interazioni Webflow nei tuoi progetti Figma per una perfetta integrazione con Webflow Labs. Questo plug-in è ottimo se sei un utente di Webflow Labs o lavori con un team di sviluppo web.
Include componenti reattivi, conserva tutti i tuoi stili, caratteri e immagini e ti consente persino di modificare i tag HTML direttamente in Figma. Puoi crea stili di template principali in Figma e usa Figma su Webflow per esportarli per futuri progetti di siti web.
Il plug-in Figma ufficiale di Unsplash ti consente di inserire immagini direttamente nei tuoi progetti senza uscire dalla finestra Figma. Sono disponibili tutte le stesse licenze Unsplash, ma con questo plug-in risparmierai tempo e clic quando aggiungi immagini al tuo lavoro.
Se sei un designer di immagini, potresti avere difficoltà a trovare il testo segnaposto per lo spazio nei tuoi progetti. Il plug-in segnaposto Lorem Ipsum fa tutto per te. Con il testo latino tradizionale, consegna il tuo design al tuo copywriter per trasformare il testo segnaposto nella cosa reale, quindi tutto ciò che devi fare è concentrarti sulla grafica.
Se hai un mazzo di copie di copywriting necessario per il tuo progetto, Text Porter ti aiuta a spostare facilmente la tua copia da Excel a Figma. Esegui semplicemente il plug-in Text Porter e sposta il testo sopra. Quindi modifica il testo direttamente nel tuo file Excel per aggiornare il tuo design Figma in futuro. Questo è utile se il tuo copywriter non ha accesso o conoscenza di Figma.
Per un flusso di lavoro più fluido insieme all'utilizzo dei plug-in, puoi anche usa le scorciatoie Figma per un flusso di lavoro più veloce.
La rimozione degli sfondi è una pratica comune quando si utilizzano le immagini in molti aspetti del design. Invece di lavorare su Photoshop, Canva o altri programmi di modifica, l'utilizzo del plug-in Icons8 Background Remover accelera il processo e mantiene tutto in Figma.
Lo strumento di rimozione dello sfondo può essere applicato a più di un'immagine alla volta, velocizzando il processo di lavoro con un semplice clic.
Il plug-in Image Tracer crea un'immagine vettoriale da qualsiasi immagine e livello di immagine a cui scegli di applicarla. Un vettore scalabile è come la polvere d'oro per il lavoro di progettazione digitale e questo plug-in semplifica il lavoro di trasformazione di qualsiasi immagine in un vettore.
Il plug-in Html.to.design può aiutarti a ricreare i progetti di siti Web esistenti nei progetti Figma. Questo ha molti scopi, come aiutarti a esercitarti nella progettazione di siti Web o recuperare vecchi siti Web che hai progettato e ai quali hai perso l'accesso.
Guarda il nostro tutorial dettagliato per convertire un sito web in un design Figma utilizzando questo plug-in.
Il plug-in Vectorize funziona in modo simile a Image Tracer, ma è meglio se hai solo un'immagine e un colore da vettorializzare. La conversione di immagini bitmap in vettori è facile utilizzando questo plug-in.
I tuoi nuovi vettori saranno un percorso vettoriale, facile da modificare e utilizzare per tutte le tue esigenze di progettazione. Particolarmente utile se il tuo cliente ti invia il proprio logo come immagine pixelizzata copiata da un documento Word. Puoi facilmente ravvivare loghi e altre icone monocolore in Figma.
Progettare per proporzioni specifiche? Hai bisogno di aumentare o diminuire le dimensioni? Usa il plug-in Aspetti. Questo plug-in ti consente di modificare rapidamente l'aspetto di vari livelli nel tuo design, in particolare le immagini. Aspects è uno strumento utile per qualsiasi ridimensionamento rapido che devi eseguire.
Se stai progettando per UX/UI, probabilmente stai aggiungendo pulsanti ai tuoi progetti. Button Buddy è un ottimo plug-in che offre molti design di componenti di pulsanti, facendoti risparmiare tempo nella progettazione, così puoi concentrarti su fantastici design di layout.
Per aggiungere più componenti che pulsanti, usa il plugin Handy Components. Questo plugin offre oltre 60 diversi elementi di design UX/UI. Handy Components utilizza anche un design intelligente per replicare gli stili presenti nel tuo design e applicarli direttamente ai componenti aggiunti del plug-in. Non devi modificare per adattarlo al tuo stile.
I componenti disponibili sono pulsanti, schede funzione, voci di elenco, tabelle, barre di avanzamento, adesivi di avvertenza, calendari e molti altri elementi utili.
Hai bisogno di una mappa sul tuo web design? Puoi facilmente incorporarne uno con il plug-in Map Maker. Il plugin consente di aggiungere una mappa personalizzata inserita in una forma.
Basta selezionare la forma desiderata (rettangolo, ellisse o poligono) ed eseguire Map Maker. Quindi digita l'indirizzo che desideri condividere. È così facile aggiungere una mappa al tuo web design.
Le icone rendono i progetti UX/UI universali e accessibili. Il plug-in Iconify ospita una libreria di oltre 1000.000 icone per quasi tutti gli usi. Le icone SVG open source di Iconify possono essere utilizzate in molti software di sviluppo per portare facilmente i tuoi progetti Figma dal prototipo ai prodotti live.
L'aggiunta di prototipi ai tuoi progetti Figma ti aiuta a incorporare la realtà in potenziali idee di prodotto. Sia che tu stia aggiungendo prototipi al tuo Design della presentazione Figma o incorporandoli in un sito Web, sono una cosa utile da avere.
Clay Mockups 3D è uno dei tanti fantastici plug-in di mockup. Vedi il nostro guida sui modelli di smartphone Figma per vedere cos'altro è disponibile. Puoi inserire prototipi per telefoni, computer e altri dispositivi, nonché mani per tenerli.
Questo semplice plug-in ti consente di allineare le cornici, riordinare e mantenere organizzate le tue opere d'arte. Basta selezionare i tuoi elementi, eseguire il plug-in e la tua finestra Figma sarà super ordinata.
Non solo ordina una tavola da disegno disordinata, ma rinumera anche i fotogrammi se l'ordine viene modificato. Non dovrai più cercare il fotogramma 5 dopo che è stato spostato, lo troverai accanto al 4 e al 6.
Mantieni il flusso del tuo lavoro con i plug-in Figma
Con questi 16 fantastici strumenti, puoi facilmente trasformare il tuo flusso di lavoro. I plugin ti consentono di fare di più senza uscire dalla finestra di progettazione di Figma.
Questi plugin sono i più utili in circolazione e, se li usi tutti, puoi vettorializzare le immagini, aggiungere immagini da Unsplash, aggiungi design HTML a Figma e viceversa con Webflow Labs, aggiungi mappe personalizzate e ridimensiona il tuo disegni. Tutto con plugin.