Mallien luominen ja lisääminen Figma-malleihin laajennusten avulla

Jos olet suunnittelija, joka haluaa esitellä mallejasi käyttämällä malleja, niiden luominen Figmassa voi olla helppoa.

Sen sijaan, että tallentaisit Figma-suunnitelmasi ja siirryt toiseen ohjelmaan mallin luomiseksi, voit helposti ladata mallilaajennuksia Figmassa. On olemassa monia eri tyylejä laajennusvaihtoehtoja, mutta ne ovat kaikki helppokäyttöisiä ja integroitavia suurempiin malleihin.

Kuinka löytää ja ladata Figma-laajennuksia

Liitännäisen lataaminen ja asentaminen Figmassa on sama riippumatta siitä, käytätkö sovellusta tai selainversiota. From Figman selaimen kotisivu, klikkaus Yhteisö > Laajennukset ja widgetit, ja hae luettelosta tai käytä hakupalkkia.

From Figman sovellus, kotisivu tarjoaa saman vaihtoehdon kuin selain päästä yhteisön sivulle. Mutta jos olet suunnittelusivulla, voit napsauttaa sitten Figma-logoa Plugins. Jos olet jo asentanut laajennuksia, näet ne tässä.

Jos haluat löytää lisää, valitse Selaa laajennuksia yhteisössä. Tämä vie sinut sovelluksen yhteisösivulle, josta voit etsiä muita laajennuksia.

Yhteisösivulta löydät pienen tiivistelmän jokaisesta laajennuksesta, viimeisimmän päivityksen päivämäärän ja sen, kuinka usein jokainen laajennus on ladattu. Saat lisätietoja kustakin laajennuksesta – kuten käyttäjien kommentteja ja käyttöoppaita – napsauttamalla sen nimeä, jolloin pääset kyseisen laajennuksen tietosivulle.

Kun olet löytänyt laajennuksen, jonka haluat ladata, napsauta sinistä Asentaa -painiketta.

Jos et ole varma, mitä etsiä, tässä on viisi suosituinta mallilaajennustamme. On monia muitakin, mutta jostain on hyvä aloittaa.

• Savimallit 3D
• Kulmamallit
• MockRocket - 3D-mallit
• Malli
• Vectary 3D Elements

Mockup-laajennusten käyttäminen Figmassa

Lisäosien asennusprosessi on sama riippumatta käyttämäsi laajennuksen tyypistä, mutta niiden käytössä voi olla eroja. Tästä syystä on aina parasta lukea yksittäisen laajennuksen yhteisösivulta lisätietoja.

Figmassa voit valita valmiita kehyskokoja tietyille näytöille, kuten iPhone 13:lle tai suurelle tai pienelle Androidille. Sinun tulisi luoda malli sen aiotun laitekoon mukaan sen sijaan, että yrität muuttaa kuvioiden kokoa myöhemmin sopimaan malliisi, mutta jotkut mallit sallivat hieman erilaisia ​​kokoja ilman vääristymä.

Voit jopa käyttää laitteestasi otettua kuvakaappausta, joka on täydellisen kokoinen saman laitteen mallille.

Mallit ovat yleensä staattisia näyttömalleja, vaikka voit tee videomalli Photoshopissa. Keskitymme kannettavien laitteiden Figma-malleihin, mutta voit luoda mallin tyhjästä Photoshopissa muille laitteille. Kun näytön suunnittelu on valmis, voit siirtyä tuotemallin luomiseen.

Näytämme sinulle, kuinka voit käyttää kolmea ehdottamaamme laajennusta: Clay Mockups 3D, Angle Mockups ja Vectory 3D Elements. Hyppäämme sisään.

Savimallit 3D

Kun suunnittelu on auki, valitse kehys ja siirry sitten kohtaan Plugins ja valitse Savimallit 3D. Tämä avaa ikkunan, jossa voit valita mallin laitteen. Suunnittelusi pitäisi näkyä tässä ikkunassa olevan mallin näytöllä.

Voit muuttaa mallin kulmaa ja väriä tässä ikkunassa. Kun olet tyytyväinen siihen, miltä se näyttää, napsauta Tallenna kuvana.

Voit palata takaisin ja muuttaa väriä tai muita ominaisuuksia milloin tahansa napsauttamalla Muokkaa mallia alla Kytkeä oikeanpuoleisessa valikossa. Nyt voit lisätä laajennuksesi suurempiin malleihin, kuten esityksiin tai portfolioosi.

Kulmamallit

Jotta voit käyttää Angle Mockuppeja, sinun on luotava Angle-tili, jotta voit ladata mallikirjaston heidän verkkosivustoltaan. Päällä Anglen verkkosivuilla, klikkaus Kirjaudu sisään, joka tuo esiin ponnahdusikkunan, jossa voit napsauttaa Kirjaudu ja lisää tietosi luodaksesi ilmaisen tilin.

Kun olet kirjautunut sisään, lataa mallit napsauttamalla Mallit > Lataa näyte. Kattavamman mallisarjan saamiseksi voit maksaa premium-käytöstä, mutta ilmaisella tilillä tarjottu näyte on tarpeeksi hyvä.

Kun tiedosto on ladattu, pura se. Tämä sisältää näytteitä, joita voit käyttää Figmassa, Sketchissä ja Adobe XD: ssä, sekä joitain ilmaisia ​​taustakuvia. Avata KulmaFigma. Löydät kaksi videota, jotka auttavat mallien käytössä, sekä neljä sarjaa Figma-tiedostoja erilaisilla malleilla.

Tuo tiedostot Figma-tilillesi siirtymällä Figma-selaimeen ja napsauttamalla profiiliasi. Pääset tähän sovelluksesta siirtymällä osoitteeseen Tiedosto > Avaa tiedostoselain. Vedä ja pudota jokainen Angle-tiedosto Figmaan. Avaa sitten Angle-tiedosto kaksoisnapsauttamalla sitä Figma-selainsivulla.

Etsi laitekulma, jota haluat käyttää mallissasi ja kopioi se (Cmd + C Macille tai Ctrl + C Windowsille). Liitä se (Cmd + V Macille tai Ctrl + V Windowsille) samaan tauluun kuin pääsuunnittelu.

Laajenna tasopaletissa mallinäytön tasoja, kunnes näet kerroksen, jonka otsikko on kuvakuvake Aseta taidetaulu tähän. Valitse kyseinen kerros. Siirry sitten kohtaan Lisäosat > Kulmamallit ja valitse alkuperäinen malli ponnahdusikkunasta.

Tämän pitäisi näkyä esikatseluikkunassa mallisi kulmassa, mutta se ei näytä mallin laitetta. Klikkaus Käytä ja näytön pitäisi nyt olla laitteen mallissa oikeassa kulmassa.

Vectary 3D Elements

Vectary 3D toimii samalla tavalla kuin Clay Mockups 3D, vaikka siinä on vähemmän vaihtoehtoja laitemallien tekemiseen, koska se tarjoaa myös erilaisia ​​3D-resursseja. Avaa malli, valitse kehys ja siirry kohtaan Plugins > Vectary 3D Elements.

Etsi ponnahdusikkunakirjastosta malli, jota haluat käyttää, ja napsauta sitten Lataa kehys. Kun mallisi on ilmestynyt laitteen näytölle, napsauta Vie kuva.

Nyt sinulla on 3D-malli mallistasi valitsemassasi laitteessa. Voit lisätä sen helposti toiseen malliin.

Kun mallisi on valmis, voit tallentaa sen PNG-tiedostona käytettäväksi helposti toisessa mallissa. Klikkaus Tiedosto > Vie. Valitse vietäväksi valittu kuva ja napsauta sitten Viedä viimeiselle PNG-muodolle.

Lisää realistisuutta malleihisi Figma-malleilla

Mallien luomiseen on lukemattomia käyttötapoja. Erilaisten Figma-laajennusten avulla voit käyttää monenlaisia ​​tyylejä, joita voit lisätä esityksiin, portfolioosi tai luoda vain huvin vuoksi esitelläksesi suunnittelutyötäsi.

Muutaman sovelluksen eron vuoksi Figma-mockup-laajennuksia on helppo käyttää, joten miksi et kokeilisi sitä?

Kuinka luoda perusmalleja esityksille Figmassa

Lue Seuraava