Kako ustvariti in dodati makete v svoje modele Figma z uporabo vtičnikov

Če ste oblikovalec, ki rad predstavi svoje modele z uporabo maket, jih je lahko preprosto ustvariti v Figmi.

Namesto da shranite svoje modele Figma in se premaknete v drug program za ustvarjanje makete, lahko preprosto prenesete vtičnike za modele v Figmi. Obstaja veliko možnosti vtičnikov v različnih slogih, vendar so vsi enostavni za uporabo in integracijo v večje modele.

Kako najti in prenesti vtičnike Figma

Prenos in namestitev vtičnika v Figma je enaka ne glede na to, ali uporabljate aplikacijo ali različico brskalnika. Od Domača stran brskalnika Figma, kliknite Skupnost > Vtičniki in pripomočki, in poiščite po seznamu ali uporabite iskalno vrstico.

Od Aplikacija Figma, bo domača stran ponujala enako možnost kot brskalnik za dostop do strani skupnosti. Če pa ste na strani za oblikovanje, lahko kliknete logotip Figma Vtičniki. Če imate že nameščene vtičnike, jih boste videli tukaj.

Če želite poiskati več, izberite Brskajte po vtičnikih v skupnosti. To vas bo pripeljalo na stran skupnosti v aplikaciji, kjer lahko iščete druge vtičnike.

Na strani skupnosti boste našli majhen opis za vsak vtičnik, datum zadnje posodobitve in kako pogosto je bil vsak vtičnik prenesen. Če želite več informacij o posameznem vtičniku – kot so komentarji uporabnikov in vodniki za uporabo –, boste s klikom na njegovo ime pripeljali na stran z informacijami tega vtičnika.

Ko najdete vtičnik, ki ga želite prenesti, kliknite modro Namestite gumb.

Če niste prepričani, kaj iskati, je tukaj naših pet najljubših vtičnikov za modele. Veliko jih je več, a dobro je nekje začeti.

• Glinene makete 3D
• Modeli kotov
• MockRocket - 3D makete
• Maketa
• Vectary 3D elementi

Kako uporabljati vtičnike Mockup v Figmi

Postopek nameščanja vtičnikov je enak ne glede na vrsto vtičnika, ki ga uporabljate, vendar so lahko nekatere razlike v njihovi uporabi. Zato je za dodatne podrobnosti vedno najbolje prebrati stran skupnosti posameznega vtičnika.

V Figmi lahko izberete že pripravljene velikosti okvirjev za določene zaslone, kot je iPhone 13 ali velik ali majhen Android. Ustvarite svoj dizajn za predvideno velikost naprave, namesto da poskušate spremeniti velikost modelov kasneje, da se prilega vaši maketi, vendar bodo nekateri modeli omogočali nekoliko drugačne velikosti s št popačenje.

Uporabite lahko celo posnetek zaslona iz vaše naprave, ki bo popolne velikosti za maketo iste naprave.

Modeli so običajno za statične zasnove zaslonov, čeprav lahko naredite video maketo v Photoshopu. Osredotočili se bomo na modele Figma za ročne naprave, vendar lahko ustvarite maketo iz nič v Photoshopu za druge naprave. Ko je vaša zasnova zaslona dokončana, lahko nadaljujete z ustvarjanjem makete izdelka.

Pokazali vam bomo, kako uporabljati tri naše predlagane vtičnike: Clay Mockups 3D, Angle Mockups in Vectory 3D Elements. Vskočimo takoj.

Glinene makete 3D

Ko je vaš dizajn odprt, izberite okvir in pojdite na Vtičniki in izberite Glinene makete 3D. Odpre se okno, kjer lahko izberete napravo za maketo. Vaš dizajn bi se moral prikazati na zaslonu makete v tem oknu.

V tem oknu lahko spremenite kot makete in barvo. Ko ste zadovoljni s tem, kako izgleda, kliknite Shrani kot sliko.

S klikom se lahko kadar koli vrnete in spremenite barvo ali druge vidike Uredi maketo Spodaj Vključiti v desnem meniju. Zdaj lahko dodate svoj vtičnik večjim dizajnom, kot so predstavitve ali vaš portfelj.

Modeli kotov

Za uporabo Angle Mockups morate ustvariti račun Angle za prenos knjižnice modelov z njihovega spletnega mesta. Vklopljeno Spletna stran Angle, kliknite Vpis, ki bo odprlo pojavno okno, kjer lahko kliknete Prijavite se in dodajte svoje podatke, da ustvarite brezplačen račun.

Ko ste prijavljeni, kliknite, da prenesete modele Modeli > Prenesite vzorec. Za bolj izčrpen nabor modelov lahko plačate za premium dostop, vendar je vzorec, ki ga ponuja brezplačen račun, dovolj dober.

Ko je prenesena, razpakirajte datoteko. Ta vsebuje vzorce, ki jih lahko uporabite v Figma, Sketch in Adobe XD, pa tudi nekaj brezplačnih ozadij. Odprto KotFigma. Našli boste dva videoposnetka za pomoč pri uporabi modelov, pa tudi štiri sklope datotek Figma z različnimi maketami.

Če želite uvoziti datoteke v svoj račun Figma, pojdite v brskalnik Figma in kliknite svoj profil. Do tega lahko dostopate iz aplikacije tako, da obiščete Datoteka > Odpri brskalnik datotek. Povlecite in spustite vsako datoteko Angle v Figmo. Nato odprite datoteko Angle tako, da jo dvokliknete na strani brskalnika Figma.

Poiščite kot naprave, ki ga želite uporabiti za svoj model, in ga kopirajte (Cmd + C za Mac oz Ctrl + C za Windows). Prilepi (Cmd + V za Mac oz Ctrl + V za Windows) v isto umetno ploščo kot vaša glavna zasnova.

V paleti plasti razširite plasti makete zaslona, ​​dokler ne vidite sloja z ikono slike z naslovom Tukaj postavite umetniško ploščo. Izberite ta sloj. Nato pojdite na Vtičniki > Modeli kotov in v pojavnem oknu izberite svoj izvirni dizajn.

To bi moralo biti prikazano v oknu za predogled v kotu vaše makete, vendar ne bo prikazalo naprave makete. Kliknite Prijavite se in vaš zaslon bi moral biti zdaj na maketi naprave pod pravilnim kotom.

Vectary 3D elementi

Vectary 3D deluje podobno kot Clay Mockups 3D, čeprav ima manj možnosti za makete naprav, saj ponuja tudi različne 3D sredstva. Odprite svoj dizajn, izberite okvir in pojdite na Vtičniki > Vectary 3D Elementi.

Poiščite maketo, ki jo želite uporabiti v knjižnici pojavnih oken, nato kliknite Naloži okvir. Ko se vaš dizajn prikaže na zaslonu naprave, kliknite Izvozi sliko.

Zdaj imate 3D maketo svojega dizajna na napravi, ki jo izberete. Z lahkoto ga dodate drugemu dizajnu.

Ko je maketa končana, jo lahko shranite kot datoteko PNG in jo preprosto uporabite v drugem dizajnu. Kliknite Datoteka > Izvozi. Izberite izbrano sliko za izvoz, nato kliknite Izvozi za vaš končni PNG.

Svojim dizajnom dodajte realizem z maketami Figma

Obstaja nešteto uporab za ustvarjanje maket za vaše modele. Z različnimi vtičniki Figma lahko najdete veliko različnih stilov za delo, ki jih lahko dodate v svoje predstavitve, portfelj ali ustvarite samo za zabavo, da pokažete svoje oblikovalsko delo.

Z nekaj razlikami v uporabi so vtičniki Figma mockup enostavni za dostop in uporabo, zakaj jih ne bi poskusili?

Kako ustvariti glavne predloge za predstavitve v Figmi

Preberite Naprej