Cum să creați și să adăugați machete la modelele dvs. Figma folosind pluginuri

Dacă sunteți un designer căruia îi place să vă prezinte modelele folosind machete, poate fi ușor să le creați în Figma.

În loc să vă salvați modelele Figma și să treceți la alt program pentru a crea o machetă, puteți descărca cu ușurință pluginuri pentru modele în Figma. Există multe opțiuni de plugin în diferite stiluri, dar toate sunt ușor de utilizat și de integrat în modele mai mari.

Cum să găsiți și să descărcați pluginuri Figma

Descărcarea și instalarea unui plugin în Figma este aceeași, indiferent dacă utilizați aplicația sau versiunea de browser. Din Pagina de pornire a browserului Figma, faceți clic Comunitate > Pluginuri și widget-uri, și căutați prin listă sau utilizați bara de căutare.

Din aplicația Figma, pagina de pornire va oferi aceeași opțiune ca și browserul pentru a ajunge la pagina comunității. Dar dacă vă aflați pe o pagină de design, puteți face clic pe logo-ul Figma Pluginuri. Dacă aveți deja pluginuri instalate, le veți vedea listate aici.

Pentru a afla mai multe, alegeți

Răsfoiți pluginuri în comunitate. Aceasta vă va duce la pagina comunității din cadrul aplicației, unde puteți căuta alte plugin-uri.

Pe pagina comunității, veți găsi o mică informație pentru fiecare plugin, data ultimei actualizări și cât de des a fost descărcat fiecare plugin. Pentru mai multe informații despre fiecare plugin, cum ar fi comentarii de la utilizatori și ghiduri de utilizare, făcând clic pe numele acestuia, veți ajunge la pagina de informații a pluginului respectiv.

După ce ați găsit un plugin pe care doriți să îl descărcați, faceți clic pe butonul albastru Instalare buton.

Dacă nu sunteți sigur ce să căutați, iată primele cinci plugin-uri preferate pentru modele. Sunt multe altele, dar este bine să începi de undeva.

• Clay Mockups 3D
• Modele de unghi
• MockRocket - Machete 3D
• Să batjocorească
• Elemente 3D Vectary

Cum să utilizați pluginurile pentru modele în Figma

Procesul de instalare a pluginurilor este același, indiferent de tipul de plugin pe care îl utilizați, dar pot exista unele diferențe în ceea ce privește modul în care sunt utilizate. De aceea, este întotdeauna cel mai bine să citiți pagina comunității pluginului individual pentru detalii suplimentare.

În Figma, puteți alege dimensiuni de cadru gata făcute pentru anumite ecrane, cum ar fi iPhone 13 sau un Android mare sau mic. Ar trebui să vă creați designul pentru dimensiunea dorită a dispozitivului, mai degrabă decât să încercați să redimensionați desenele mai târziu pentru a se potrivi cu macheta dvs., dar unele modele vor permite dimensiuni ușor diferite cu nr deformare.

Puteți folosi chiar și o captură de ecran de pe dispozitivul dvs., care va fi dimensionată perfect pentru o machetă a aceluiași dispozitiv.

Modelele sunt de obicei pentru modele de ecran statice, deși puteți faceți o machetă video în Photoshop. Ne vom concentra pe modelele Figma pentru dispozitive portabile, dar puteți creați o machetă de la zero în Photoshop pentru alte dispozitive. Cu designul ecranului finalizat, puteți trece la crearea machetei produsului.

Vă vom arăta cum să utilizați trei dintre pluginurile noastre sugerate: Clay Mockups 3D, Angle Mockups și Vectory 3D Elements. Să sărim direct înăuntru.

Clay Mockups 3D

Cu designul deschis, selectați cadrul și apoi accesați Pluginuri și alegeți Clay Mockups 3D. Aceasta deschide o fereastră în care puteți alege dispozitivul pentru machetă. Designul dvs. ar trebui să apară pe ecranul machetei din această fereastră.

Puteți modifica unghiul machetei, precum și culoarea în această fereastră. Odată ce ești mulțumit de cum arată, dă clic Salvați ca imagine.

Puteți reveni oricând și schimba culoarea sau alte aspecte făcând clic Editați macheta sub Conecteaza în meniul din dreapta. Acum puteți adăuga pluginul dvs. la modele mai mari, cum ar fi prezentări sau portofoliul dvs.

Modele de unghi

Pentru a utiliza Angle Mockups, trebuie să creați un cont Angle pentru a descărca biblioteca de modele de pe site-ul lor. Pe Site-ul lui Angle, faceți clic Conectare, care va afișa o fereastră pop-up pe care puteți face clic Inscrie-te și adăugați detaliile dvs. pentru a vă face un cont gratuit.

Odată conectat, pentru a descărca machetele, faceți clic Machete > Descărcați eșantionul. Pentru un set mai cuprinzător de machete, puteți plăti pentru acces premium, dar eșantionul oferit cu contul gratuit este suficient de bun.

Odată descărcat, dezarhivați fișierul. Acesta conține mostre pe care le puteți utiliza în Figma, Sketch și Adobe XD, precum și câteva imagini de fundal gratuite. Deschis UnghiFigma. Veți găsi două videoclipuri care vă vor ajuta să utilizați machetele, precum și patru seturi de fișiere Figma cu diferite machete.

Pentru a importa fișierele în contul dvs. Figma, accesați browserul Figma și faceți clic pe profilul dvs. Puteți accesa aceasta din aplicație accesând Fișier > Deschideți browser de fișiere. Trageți și plasați fiecare fișier Angle în Figma. Apoi deschideți fișierul Angle făcând dublu clic pe el din pagina browserului Figma.

Găsiți unghiul dispozitivului pe care doriți să îl utilizați pentru macheta și copiați-l (Cmd + C pentru Mac sau Ctrl + C pentru Windows). Lipiți-l (Cmd + V pentru Mac sau Ctrl + V pentru Windows) în aceeași planșă ca și designul dvs. principal.

În paleta de straturi, extindeți straturile ecranului de machetă până când vedeți stratul cu o pictogramă de imagine intitulată Plasați tabla de grafică aici. Selectați acel strat. Apoi du-te la Plugin-uri > Modele Angle și selectați designul original în fereastra pop-up.

Acest lucru ar trebui să apară în fereastra de previzualizare în unghiul machetei dvs., dar nu va afișa dispozitivul machetei. Clic aplica iar ecranul dvs. ar trebui să fie acum pe macheta dispozitivului în unghiul corect.

Elemente 3D Vectary

Vectary 3D funcționează similar cu Clay Mockups 3D, deși are mai puține opțiuni pentru machetele dispozitivelor, deoarece oferă, de asemenea, o varietate de active 3D. Deschideți designul, selectați cadrul și accesați Plugin-uri > Elemente 3D Vectary.

Găsiți macheta pe care doriți să o utilizați în biblioteca pop-up, apoi faceți clic Încărcare cadrul. Odată ce designul dvs. a apărut pe ecranul dispozitivului, faceți clic Exportați imaginea.

Acum aveți o machetă 3D a designului dvs. pe dispozitivul pe care îl alegeți. Îl puteți adăuga cu ușurință la alt design.

Odată ce macheta este completă, o puteți salva ca fișier PNG pentru a o utiliza cu ușurință într-un alt design. Clic Fișier > Export. Selectați imaginea aleasă de exportat, apoi faceți clic Export pentru PNG-ul tău final.

Adăugați realism modelelor dvs. cu modelele Figma

Există nenumărate utilizări pentru crearea de machete pentru modelele dvs. Cu diverse plugin-uri Figma, puteți găsi o mare varietate de stiluri cu care să lucrați, pe care le puteți adăuga la prezentările, portofoliul sau le puteți crea doar pentru distracție, pentru a vă arăta munca de design.

Cu câteva diferențe în aplicație, pluginurile pentru modele Figma sunt ușor de accesat și utilizat, așa că de ce să nu încerci?

Cum se creează șabloane principale pentru prezentări în Figma

Citiți în continuare