Kako izraditi i dodati makete svojim Figma dizajnima pomoću dodataka

Ako ste dizajner koji voli izlagati svoje dizajne korištenjem maketa, lako ih je stvoriti u Figmi.

Umjesto da spremate svoje Figma dizajne i prelazite na drugi program za izradu mockupa, možete jednostavno preuzeti dodatke za modele u Figmi. Postoji mnogo opcija dodataka u različitim stilovima, ali sve su jednostavne za korištenje i integraciju u veće dizajne.

Kako pronaći i preuzeti Figma dodatke

Preuzimanje i instaliranje dodatka u Figma isto je bilo da koristite aplikaciju ili verziju preglednika. Iz Početna stranica Figma preglednika, kliknite Zajednica > Dodaci i widgeti, i pretražite po popisu ili upotrijebite traku za pretraživanje.

Iz Figmina aplikacija, početna stranica će ponuditi istu opciju kao i preglednik za dolazak na stranicu zajednice. Ali ako ste na stranici s dizajnom, tada možete kliknuti logotip Figma Dodaci. Ako ste već instalirali dodatke, vidjet ćete ih navedeni ovdje.

Da biste pronašli više, odaberite Pregledajte dodatke u zajednici. To će vas odvesti na stranicu zajednice unutar aplikacije gdje možete tražiti druge dodatke.

Na stranici zajednice pronaći ćete mali natpis za svaki dodatak, datum posljednjeg ažuriranja i koliko često je svaki dodatak preuzet. Za više informacija o svakom dodatku – kao što su komentari korisnika i vodiči za upotrebu – klikom na njegov naziv odvest ćete se na stranicu s informacijama tog dodatka.

Nakon što pronađete dodatak koji želite preuzeti, kliknite plavo Instalirati dugme.

Ako niste sigurni što tražiti, evo naših pet omiljenih dodataka za mockup. Ima ih još puno, ali dobro je negdje početi.

• Glineni modeli 3D
• Kutni modeli
• MockRocket - 3D makete
• Maketa
• Vectary 3D elementi

Kako koristiti Mockup Plugins u Figmi

Proces instaliranja dodataka isti je bez obzira na vrstu dodatka koji koristite, ali mogu postojati neke razlike u načinu na koji se koriste. Zato je uvijek najbolje pročitati stranicu zajednice pojedinog dodatka za dodatne pojedinosti.

U Figmi možete odabrati gotove veličine okvira za određene zaslone, poput iPhonea 13 ili velikog ili malog Androida. Trebali biste izraditi svoj dizajn za njegovu predviđenu veličinu uređaja umjesto da pokušavate promijeniti veličinu dizajna kasnije kako bi odgovarao vašem modelu, ali neki modeli će omogućiti malo drugačije veličine s br iskrivljenje.

Možete čak koristiti i snimku zaslona sa svog uređaja, koja će biti savršene veličine za maketu istog uređaja.

Modeli su obično za statične dizajne zaslona, ​​iako možete napraviti video maketu u Photoshopu. Usredotočit ćemo se na Figma modele za ručne uređaje, ali možete izradite maketu od nule u Photoshopu za druge uređaje. Kada je dizajn vašeg zaslona dovršen, možete prijeći na izradu makete proizvoda.

Pokazat ćemo vam kako koristiti tri naša predložena dodatka: Clay Mockups 3D, Angle Mockups i Vectory 3D Elements. Uskočimo odmah.

Glineni modeli 3D

S otvorenim dizajnom odaberite okvir, a zatim idite na Dodaci i biraj Glineni modeli 3D. Ovo otvara prozor u kojem možete odabrati uređaj za maketu. Vaš dizajn bi se trebao prikazati na ekranu makete u ovom prozoru.

U ovom prozoru možete promijeniti kut makete kao i boju. Nakon što ste zadovoljni kako izgleda, kliknite Spremi kao sliku.

Možete se vratiti i promijeniti boju ili druge aspekte u bilo kojem trenutku klikom Uredi maketu pod, ispod Uključiti u desnom izborniku. Sada možete dodati svoj dodatak većim dizajnom kao što su prezentacije ili svoj portfelj.

Kutni modeli

Da biste koristili Angle Mockups, morate stvoriti Angle račun za preuzimanje biblioteke maketa s njihove web stranice. Na Anglova web stranica, kliknite Prijaviti se, što će prikazati skočni prozor na koji možete kliknuti Prijavite se i dodajte svoje podatke kako biste napravili besplatni račun.

Nakon što ste prijavljeni, kliknite za preuzimanje maketa Modeli > Preuzmite uzorak. Za opsežniji skup maketa, možete platiti premium pristup, ali uzorak koji se nudi uz besplatni račun je dovoljno dobar.

Nakon preuzimanja, raspakirajte datoteku. Ovo sadrži uzorke koje možete koristiti u Figmi, Sketchu i Adobe XD, kao i neke besplatne pozadine. Otvorena KutFigma. Pronaći ćete dva videozapisa koji će vam pomoći u korištenju maketa, kao i četiri seta Figma datoteka s različitim modelima.

Za uvoz datoteka na svoj Figma račun, idite na Figma preglednik i kliknite na svoj profil. Tome možete pristupiti iz aplikacije tako da odete na Datoteka > Otvori preglednik datoteka. Povucite i ispustite svaku datoteku Angle u Figmu. Zatim otvorite datoteku Angle dvostrukim klikom na nju na stranici preglednika Figma.

Pronađite kut uređaja koji želite koristiti za svoju maketu i kopirajte je (Cdoktor medicine + C za Mac ili Ctrl + C za Windows). Zalijepi ga (Cmd + V za Mac ili Ctrl + V za Windows) u istu montažnu ploču kao i vaš glavni dizajn.

U paleti slojeva proširite slojeve mockup zaslona dok ne vidite sloj sa ikonom slike pod naslovom Ovdje postavite Artboard. Odaberite taj sloj. Zatim idite na Dodaci > Kutni modeli i odaberite svoj izvorni dizajn u skočnom prozoru.

Ovo bi se trebalo prikazati u prozoru za pregled u kutu vaše makete, ali neće prikazati uređaj makete. Klik Prijavite se i vaš bi se zaslon sada trebao nalaziti na maketi uređaja pod ispravnim kutom.

Vectary 3D elementi

Vectary 3D radi slično kao Clay Mockups 3D, iako ima manje mogućnosti za makete uređaja jer također nudi niz 3D sredstava. Otvorite svoj dizajn, odaberite okvir i idite na Dodaci > Vectary 3D elementi.

Pronađite maketu koju želite koristiti u biblioteci skočnih prozora, a zatim kliknite Učitaj okvir. Nakon što se vaš dizajn pojavi na zaslonu uređaja, kliknite Izvezi sliku.

Sada imate 3D maketu svog dizajna na uređaju koji odaberete. Možete ga jednostavno dodati drugom dizajnu.

Nakon što je maketa gotova, možete je spremiti kao PNG datoteku da biste je jednostavno koristili u drugom dizajnu. Klik Datoteka > Izvoz. Odaberite odabranu sliku za izvoz, a zatim kliknite Izvoz za vaš konačni PNG.

Dodajte realizam svojim dizajnima uz Figma modele

Postoji bezbroj namjena za izradu maketa za vaše dizajne. Uz razne dodatke Figma možete pronaći veliki izbor stilova za rad s kojima možete dodati svoje prezentacije, portfelj ili kreirati samo za zabavu kako biste pokazali svoj rad na dizajnu.

Uz nekoliko razlika u primjeni, Figma mockup dodaci su jednostavni za pristup i korištenje, pa zašto ih ne isprobati?

Kako stvoriti glavne predloške za prezentacije u Figmi

Pročitajte dalje