Kuidas luua ja lisada oma Figma kujundustele pistikprogrammide abil makette

Kui olete disainer, kellele meeldib oma kujundusi makettide abil esitleda, võib nende loomine Figmas olla lihtne.

Selle asemel, et salvestada oma Figma kujundused ja liikuda maketi loomiseks teise programmi, saate hõlpsasti Figma makettide pistikprogrammid alla laadida. Erinevates stiilides on palju pistikprogramme, kuid neid kõiki on lihtne kasutada ja integreerida suurematesse kujundustesse.

Kuidas leida ja alla laadida Figma pistikprogramme

Figma pistikprogrammi allalaadimine ja installimine on sama, olenemata sellest, kas kasutate rakendust või brauseri versiooni. Alates Figma brauseri avaleht, klõpsake Kogukond > Pluginad ja vidinadja otsige loendist või kasutage otsinguriba.

Alates Figma rakendus, pakub avaleht kogukonna lehele pääsemiseks sama valikut kui brauser. Kuid kui olete kujunduslehel, võite klõpsata Figma logol Pluginad. Kui olete pluginad juba installinud, näete neid siin loetletud.

Rohkemate leidmiseks valige Sirvige kogukonnas pistikprogramme. See viib teid rakenduses kogukonna lehele, kus saate otsida teisi pistikprogramme.

Kogukonna lehelt leiate iga pistikprogrammi kohta väikese pildi, viimase värskenduse kuupäeva ja iga pistikprogrammi allalaadimise sageduse. Iga pistikprogrammi kohta lisateabe saamiseks (nt kasutajate kommentaarid ja kasutusjuhendid) selle nimel klõpsates suunatakse teid selle pistikprogrammi teabelehele.

Kui olete leidnud pistikprogrammi, mille soovite alla laadida, klõpsake sinist nuppu Installige nuppu.

Kui te pole kindel, mida otsida, siis siin on meie viis populaarseimat makettide pistikprogrammi. Neid on veel palju, aga kuskilt on hea alustada.

• Savi maketid 3D
• Nurga maketid
• MockRocket – 3D-maketid
• Maket
• Vectary 3D elemendid

Mockup-pluginate kasutamine Figmas

Pistikprogrammide installimise protsess on sõltumata kasutatavast pistikprogrammi tüübist sama, kuid nende kasutamisel võib esineda mõningaid erinevusi. Seetõttu on lisateabe saamiseks alati parem lugeda konkreetse pistikprogrammi kogukonna lehte.

Figmas saate valida kindlate ekraanide jaoks valmis raami suurused, nagu iPhone 13 või suur või väike Android. Kujunduse suurust muutmise asemel peaksite looma kujunduse seadme kavandatud suuruse järgi hiljem, et see sobiks teie maketiga, kuid mõned maketid võimaldavad veidi teistsuguseid suurusi, millel on nr moonutus.

Võite isegi kasutada oma seadme ekraanipilti, mis on sama seadme maketi jaoks sobiva suurusega.

Maketid on tavaliselt mõeldud staatilise ekraanikujunduse jaoks, kuigi saate tehke Photoshopis videomakett. Keskendume pihuseadmete jaoks mõeldud Figma makettidele, kuid saate seda teha looge Photoshopis makett nullist muude seadmete jaoks. Kui ekraanikujundus on valmis, saate jätkata toote maketi loomisega.

Näitame teile, kuidas kasutada kolme meie soovitatud pistikprogrammi: Clay Mockups 3D, Angle Mockups ja Vectory 3D Elements. Hüppame kohe sisse.

Savi maketid 3D

Kui kujundus on avatud, valige raam ja seejärel minge lehele Pluginad ja vali Savi maketid 3D. See avab akna, kus saate valida maketi jaoks seadme. Teie kujundus peaks ilmuma selles aknas oleva maketi ekraanil.

Selles aknas saate muuta maketi nurka ja ka värvi. Kui olete selle välimusega rahul, klõpsake nuppu Salvesta pildina.

Saate igal ajal tagasi minna ja värvi või muid aspekte muuta, klõpsates Redigeeri maketi all Sisse panema parempoolses menüüs. Nüüd saate lisada oma pistikprogrammi suurematele kujundustele, näiteks esitlustele või oma portfellile.

Nurga maketid

Angle Mockupide kasutamiseks peate looma Angle'i konto, et maketiteek nende veebisaidilt alla laadida. Peal Angle'i veebisait, klõpsake Logi sisse, mis avab hüpikakna, kus saate klõpsata Registreeri ja lisage oma andmed tasuta konto loomiseks.

Pärast sisselogimist klõpsake maketide allalaadimiseks Maketid > Laadige näidis alla. Põhjalikuma makettide komplekti jaoks võite maksta lisatasu juurdepääsu eest, kuid tasuta kontoga pakutav näidis on piisavalt hea.

Pärast allalaadimist pakkige fail lahti. See sisaldab näidiseid, mida saate kasutada programmides Figma, Sketch ja Adobe XD, ning mõningaid tasuta taustapilte. Avatud NurkFigma. Leiate kaks videot, mis aitavad makettide kasutamist, ning neli Figma-failide komplekti erinevate makettidega.

Failide importimiseks oma Figma kontole avage Figma brauser ja klõpsake oma profiilil. Sellele pääsete juurde rakendusest, minnes aadressile Fail > Ava failibrauser. Lohistage iga Angle'i fail Figmasse. Seejärel avage Angle fail, topeltklõpsates sellel Figma brauseri lehel.

Leidke seadme nurk, mida soovite maketi jaoks kasutada, ja kopeerige see (Cmd + C Maci või Ctrl + C Windowsi jaoks). Kleebi see (Cmd + V Maci või Ctrl + V Windowsi jaoks) samale graafikaplaadile kui teie põhikujundus.

Laiendage kihtide paletis maketiekraani kihte, kuni näete kihti pealkirjaga pildiikooniga Asetage kunstitahvel siia. Valige see kiht. Seejärel minge aadressile Pluginad > Nurga maketid ja valige hüpikaknas oma algne kujundus.

See peaks ilmuma eelvaate aknas teie maketi nurga all, kuid see ei näita maketi seadet. Klõpsake Rakenda ja teie ekraan peaks nüüd olema seadme maketil õige nurga all.

Vectary 3D elemendid

Vectary 3D töötab sarnaselt Clay Mockups 3D-ga, kuigi sellel on seadme makettide jaoks vähem võimalusi, kuna see pakub ka mitmesuguseid 3D-varasid. Avage oma kujundus, valige raam ja minge lehele Pluginad > Vectary 3D Elements.

Leidke hüpikakende teegist makett, mida soovite kasutada, ja seejärel klõpsake nuppu Laadi raam. Kui teie kujundus on seadme ekraanile ilmunud, klõpsake nuppu Ekspordi pilt.

Nüüd on teil valitud seadmes oma disaini 3D-makett. Saate selle hõlpsalt teisele kujundusele lisada.

Kui makett on valmis, saate selle salvestada PNG-failina, et seda hõlpsasti mõnes teises kujunduses kasutada. Klõpsake Fail > Ekspordi. Valige eksportimiseks valitud pilt ja klõpsake siis Ekspordi lõpliku PNG jaoks.

Lisage oma kujundusele Figma makettide abil realistlikkust

Kujunduste makettide loomiseks on lugematu arv kasutusviise. Erinevate Figma pistikprogrammide abil saate töötamiseks leida palju erinevaid stiile, mida saate lisada oma esitlustesse, portfooliosse või luua lihtsalt lõbu pärast, et oma disainitööd näidata.

Mõnede rakenduste erinevuste tõttu on Figma makettide pistikprogrammidele lihtne juurde pääseda ja neid on lihtne kasutada, miks mitte proovida?

Kuidas luua Figma esitluste jaoks põhimalle

Loe edasi