Pluginurile Figma vă ajută să vă creșteți volumul de lucru și să vă asigurați că rămâneți în Figma pentru a vă finaliza munca de proiectare. Cu biblioteca infinită de pluginuri Figma, aproape nimic nu poți face cu instrumentul tău de design preferat.
Cu aceste cele mai utile plugin-uri gratuite Figma, nu facem decât să zgâriem suprafața a ceea ce este disponibil.
Cum să descărcați pluginuri Figma
Înainte de a intra în lista de bunuri, ar trebui să știți cum să găsiți și să descărcați un plugin Figma. S-ar putea să știi cum se folosește Figma, dar dacă nu, iată cum puteți găsi cu ușurință biblioteca de pluginuri. Unele plugin-uri pot funcționa mai bine din aplicația desktop Figma decât din versiunea de browser.
Accesați pagina Comunitate, care poate fi găsită pe pagina de pornire sau dintr-o pagină de fișiere sub numele contului dvs. Pagina Comunitate listează mai mult decât pluginuri, ci dintr-un fișier Figma, selectând
Meniu principal > Pluginuri vă va arăta pluginurile utilizate recent și pluginurile salvate și vă va permite să găsiți pluginuri noi.Selectarea Găsiți pluginuri noi te duce la Resurse filă unde puteți căuta orice plugin. Odată ce găsiți un plugin pe care doriți să îl descărcați, de pe pagina Comunitate, selectați Încearcă pentru a descărca sau — din caseta de căutare resurse — selectați Alerga pentru a descărca pluginul.
Fiecare plugin ar trebui să ofere propriile instrucțiuni de utilizare, așa că citiți informația când vi se solicită.
Pluginul Mesh Gradient de la Gautham oferă o modalitate rapidă și ușoară de a adăuga degrade personalizate modelelor tale Figma. Rulați pluginul și creați un pătrat cu gradient. Puteți personaliza singur culorile sau puteți lovi Randomizați pentru a genera automat un design gradient.
Acest plugin creează o imagine din gradientul dvs., deci nu poate fi editată după generare. Cu toate acestea, puteți edita vechi sau crea degrade noi în plugin.
Webflow Labs oferă o modalitate excelentă de a vă transforma designul Figma în HTML sau CSS gata pentru Webflow și crearea site-ului web. Puteți integra interacțiunile Webflow în design-urile dvs. Figma pentru o integrare perfectă cu Webflow Labs. Acest plugin este grozav dacă sunteți utilizator Webflow Labs sau lucrați cu o echipă de dezvoltatori web.
Include componente receptive, vă păstrează toate stilurile, fonturile și imaginile și vă permite chiar să editați etichete HTML chiar în Figma. Puteți creați stiluri de șablon principal în Figma și utilizați Figma în Webflow pentru a le exporta pentru proiecte viitoare de site-uri web.
Pluginul oficial Figma al Unsplash înseamnă că puteți insera imagini direct în design-ul dvs. fără a părăsi fereastra Figma. Sunt disponibile toate aceleași licențe Unsplash, dar cu acest plugin, veți economisi timp și clicuri atunci când adăugați imagini la munca dvs.
Dacă sunteți un designer de imagini, s-ar putea să vă fie greu să găsiți text substituent pentru spațiul din desenele dvs. Pluginul de substituent Lorem Ipsum face totul pentru tine. Cu textul tradițional latin, predați designul dvs. redactorului dvs. pentru a transforma textul substituent în lucru real, așa că tot ce trebuie să faceți este să vă concentrați asupra imaginilor.
Dacă aveți un pachet de copywriting necesar pentru designul dvs., Text Porter vă ajută să vă mutați cu ușurință copia din Excel în Figma. Pur și simplu rulați pluginul Text Porter și mutați textul. Apoi editați textul direct în fișierul dvs. Excel pentru a vă actualiza designul Figma în viitor. Acest lucru este util dacă redactorul dvs. nu are acces sau cunoștințe despre Figma.
Pentru un flux de lucru mai fluid, împreună cu utilizarea pluginurilor, puteți, de asemenea utilizați comenzile rapide Figma pentru un flux de lucru mai rapid.
Eliminarea fundalurilor este o practică obișnuită atunci când se utilizează imagini în multe aspecte de design. În loc să folosiți Photoshop, Canva sau alte programe de editare, utilizarea pluginului Icons8 Background Remover accelerează procesul și păstrează totul în Figma.
Instrumentul de eliminare a fundalului poate fi aplicat la mai mult de o imagine simultan, accelerând procesul de lucru cu un clic pe un buton.
Pluginul Image Tracer creează o imagine vectorială din orice imagini și straturi de imagine pe care alegeți să o aplicați. Un vector scalabil este ca praful de aur pentru lucrările de design digital, iar acest plugin facilitează transformarea oricărei imagini într-un vector.
Pluginul Html.to.design vă poate ajuta să recreați design-urile existente ale site-urilor web în modelele Figma. Acest lucru servește mai multor scopuri, cum ar fi să vă ajute să exersați proiectarea site-urilor web sau să recuperați site-uri web vechi pe care le-ați proiectat și la care ați pierdut accesul.
Consultați tutorialul nostru detaliat pentru conversia unui site web într-un design Figma folosind acest plugin.
Pluginul Vectorize funcționează similar cu Image Tracer, dar acest lucru este mai bine dacă aveți o singură imagine și o singură culoare de vectorizat. Conversia imaginilor bitmap în vectori este ușoară folosind acest plugin.
Noii dvs. vectori vor fi o cale vectorială, ușor de editat și utilizat pentru toate nevoile dvs. de design. Mai ales bine dacă clientul tău îți trimite logo-ul ca o imagine pixelizată copiată dintr-un document Word. Puteți reînvia cu ușurință logo-uri și alte pictograme într-o singură culoare în Figma.
Proiectați pentru un anumit raport de aspect? Trebuie să măriți sau să reduceți? Utilizați pluginul Aspects. Acest plugin vă permite să schimbați rapid aspectul diferitelor straturi din designul dvs., în special imagini. Aspects este un instrument util pentru orice scalare rapidă pe care trebuie să o faceți.
Dacă proiectați pentru UX/UI, probabil că adăugați butoane la design-urile dvs. Button Buddy este un plugin grozav care oferă multe modele de componente pentru butoane, economisind timp la proiectare, astfel încât să vă puteți concentra pe design-uri grozave de aspect.
Pentru a adăuga mai multe componente decât butoane, utilizați pluginul Handy Components. Acest plugin oferă peste 60 de diferite elemente de design UX/UI. Handy Components folosește, de asemenea, design inteligent pentru a replica stilurile prezente în designul dvs. și pentru a le aplica direct la componentele adăugate ale pluginului. Nu trebuie să editați pentru a se potrivi cu stilul dvs.
Componentele disponibile sunt butoane, carduri cu caracteristici, articole din listă, tabele, bare de progres, autocolante de avertizare, calendare și multe alte elemente utile.
Aveți nevoie de o hartă pentru designul dvs. web? Puteți încorpora cu ușurință unul cu pluginul Map Maker. Pluginul vă permite să adăugați o hartă personalizată inserată într-o formă.
Doar selectați forma dorită - dreptunghi, elipsă sau poligon - și rulați Map Maker. Apoi introduceți adresa pe care doriți să o partajați. Este atât de ușor să adăugați o hartă la designul dvs. web.
Pictogramele fac modelele UX/UI universale și accesibile. Pluginul Iconify găzduiește o bibliotecă de peste 1000.000 de pictograme pentru aproape orice utilizare. Pictogramele SVG, sursă deschisă de la Iconify, pot fi folosite în multe software de dezvoltare pentru a vă duce cu ușurință designurile Figma de la prototip la produse live.
Adăugarea de machete la modelele tale Figma te ajută să încorporezi realitatea în potențialele idei de produse. Indiferent dacă adăugați machete la dvs Design de prezentare Figma sau încorporarea lor într-un site web, sunt un lucru la îndemână.
Clay Mockups 3D este unul dintre multele pluginuri excelente pentru machete. Vezi noastre ghid pentru modelele de smartphone Figma pentru a vedea ce altceva este disponibil. Puteți introduce machete pentru telefoane, computere și alte dispozitive, precum și mâini pentru a le ține.
Acest plugin simplu vă permite să vă aliniați cadrele, să vă faceți ordine și să vă mențineți opera de artă organizată. Selectați-vă elementele, rulați pluginul și fereastra Figma va fi super ordonată.
Nu numai că comandă o planșă de artă dezordonată, dar chiar renumerotează cadrele dacă ordinea este schimbată. Nu mai căutați cadru 5 după ce a fost mutat, îl veți găsi amplasat lângă 4 și 6.
Păstrați-vă munca în flux cu pluginurile Figma
Cu aceste 16 instrumente grozave, vă puteți transforma cu ușurință fluxul de lucru. Pluginurile vă permit să faceți mai mult fără a părăsi fereastra de design Figma.
Aceste plugin-uri sunt cele mai utile din jur, iar dacă le folosiți pe toate, puteți vectoriza imagini, adăuga imagini din Unsplash, adăugați modele HTML la Figma și înapoi cu Webflow Labs, adăugați hărți personalizate și redimensionați desene. Toate cu pluginuri.