Makettek létrehozása és hozzáadása a Figma terveihez beépülő modulok segítségével

Ha Ön olyan tervező, aki szereti a terveit makettekkel bemutatni, könnyen elkészítheti őket a Figmában.

Ahelyett, hogy elmentené a Figma-terveket, és egy másik programra váltana makett létrehozásához, egyszerűen letöltheti a makett beépülő modulokat a Figmában. Számos beépülő modul létezik különféle stílusokban, de mindegyik egyszerűen használható és integrálható nagyobb tervekbe.

Figma beépülő modulok keresése és letöltése

A Figma beépülő moduljának letöltése és telepítése ugyanaz, függetlenül attól, hogy az alkalmazást vagy a böngésző verzióját használja. Tól től A Figma böngésző kezdőlapja, kattintson Közösség > Beépülő modulok és widgetek, és keressen a listában, vagy használja a keresősávot.

Tól től Figma alkalmazás, a kezdőlap ugyanazt a lehetőséget kínálja fel, mint a böngésző a közösségi oldal eléréséhez. De ha egy tervezési oldalon tartózkodik, akkor kattintson a Figma logóra Beépülő modulok. Ha már telepítette a beépülő modulokat, itt láthatja azokat.

Ha többet szeretne megtudni, válasszon

Böngésszen a beépülő modulok között a közösségben. Ezzel az alkalmazás közösségi oldalára jut, ahol más beépülő modulokat kereshet.

A közösségi oldalon minden beépülő modulhoz talál egy kis összefoglalót, az utolsó frissítés dátumát és az egyes bővítmények letöltésének gyakoriságát. Az egyes beépülő modulokról további információkért – például a felhasználók megjegyzéseiért és a használati útmutatókért – a nevükre kattintva a beépülő modul információs oldalára jut.

Ha megtalálta a letölteni kívánt bővítményt, kattintson a kék gombra Telepítés gomb.

Ha nem vagy biztos benne, mit keress, íme az öt legnépszerűbb makett-bővítmény. Sok van még, de jó valahol elkezdeni.

• Agyag makettek 3D
• Szög makettek
• MockRocket – 3D makettek
• Minta darab
• Vectary 3D elemek

A makett beépülő modulok használata a Figmában

A beépülő modulok telepítésének folyamata ugyanaz, függetlenül attól, hogy milyen típusú beépülő modult használ, de előfordulhatnak eltérések a használatukban. Éppen ezért mindig a legjobb, ha elolvassa az egyes beépülő modul közösségi oldalát további részletekért.

A Figmában kész keretméreteket választhat bizonyos képernyőkhöz, például az iPhone 13-hoz vagy egy nagy vagy kicsi Androidhoz. A tervet a tervezett eszközmérethez kell készítenie, ahelyett, hogy megpróbálná átméretezni a terveket később, hogy illeszkedjen a makettjéhez, de egyes makettek kissé eltérő méreteket tesznek lehetővé a sz torzítás.

Akár egy képernyőképet is használhat az eszközéről, amely tökéletes méretű lesz ugyanannak az eszköznek a makettjéhez.

A makettek általában statikus képernyőtervekre készültek, bár megteheti készítsen egy videomakettet a Photoshopban. A Figma-makettekre fogunk összpontosítani kézi eszközökhöz, de megteheti makett létrehozása a semmiből a Photoshopban más eszközökhöz. A képernyőterv elkészültével továbbléphet a termékminta létrehozásához.

Megmutatjuk, hogyan használhatja három javasolt bővítményünket: Clay Mockups 3D, Angle Mockups és Vectory 3D Elements. Ugorjunk be rögtön.

Agyag makettek 3D

Amikor a terv nyitva van, válassza ki a keretet, majd lépjen a következőre Beépülő modulok és válassz Agyag makettek 3D. Ezzel megnyílik egy ablak, ahol kiválaszthatja a makett eszközét. A tervnek meg kell jelennie a makett képernyőjén ebben az ablakban.

Ebben az ablakban módosíthatja a makett szögét és színét. Ha elégedett a megjelenésével, kattintson a gombra Mentés képként.

Kattintással bármikor visszaléphet és megváltoztathatja a színt vagy más szempontokat Makett szerkesztése alatt Csatlakoztat a jobb oldali menüben. Mostantól hozzáadhatja bővítményét nagyobb tervekhez, például prezentációkhoz vagy portfóliójához.

Szög makettek

Az Angle Mockups használatához létre kell hoznia egy Angle fiókot, hogy letöltse a maketttárat a webhelyükről. Tovább Angle honlapja, kattintson Bejelentkezés, amely előugró ablakot jelenít meg, amelyre kattinthat Regisztrálj és adja meg adatait ingyenes fiók létrehozásához.

A bejelentkezés után a makettek letöltéséhez kattintson a gombra Makettek > Minta letöltése. Egy átfogóbb makettkészletért fizethet prémium hozzáférésért, de az ingyenes fiókkal kínált minta elég jó.

A letöltés után csomagolja ki a fájlt. Ez a Figma, a Sketch és az Adobe XD programban használható mintákat, valamint néhány ingyenes háttérképet tartalmaz. Nyisd ki SzögFigma. Két videót talál a makettek használatához, valamint négy Figma-fájlkészletet különféle makettekkel.

A fájlok Figma-fiókjába importálásához lépjen a Figma böngészőbe, és kattintson a profiljára. Ezt az alkalmazásból a címre kattintva érheti el Fájl > Fájlböngésző megnyitása. Húzza át az egyes Angle fájlokat a Figmába. Ezután nyissa meg az Angle fájlt dupla kattintással a Figma böngésző oldalán.

Keresse meg a maketthez használni kívánt eszközszöget, és másolja ki (Cmd + C Mac vagy Ctrl + C Windowshoz). Illessze be (Cmd + V Mac vagy Ctrl + V Windowshoz) ugyanabba a rajztáblába, mint a fő terv.

A rétegpalettán bontsa ki a makett képernyő rétegeit, amíg meg nem jelenik a képikon nevű réteg Helyezze el a rajztáblát ide. Válassza ki azt a réteget. Akkor menj ide Beépülő modulok > Szögmodellek és a felugró ablakban válassza ki az eredeti tervet.

Ennek meg kell jelennie az előnézeti ablakban a makett szögében, de nem mutatja a makett eszközét. Kattintson Alkalmaz és a képernyőnek a megfelelő szögben kell lennie az eszköz makettjén.

Vectary 3D elemek

A Vectary 3D a Clay Mockups 3D-hez hasonlóan működik, bár kevesebb lehetőség van az eszközmodellekre, mivel számos 3D-s eszközt is kínál. Nyissa meg a tervet, válassza ki a keretet, és lépjen a következőre Bővítmények > Vectary 3D Elements.

Keresse meg a használni kívánt makett a felugró ablakkönyvtárban, majd kattintson a gombra Load Frame. Miután a terv megjelent az eszköz képernyőjén, kattintson a gombra Kép exportálása.

Most már van egy 3D-s makett a tervről a kiválasztott eszközön. Könnyen hozzáadhatja egy másik dizájnhoz.

Miután elkészült a makett, elmentheti PNG-fájlként, hogy könnyen felhasználhassa egy másik tervben. Kattintson Fájl > Exportálás. Válassza ki az exportálandó képet, majd kattintson Export az utolsó PNG-hez.

Tegye valósághűbbé a terveit a Figma makettekkel

Számtalan felhasználási mód létezik a tervek maketteinek készítésére. A különféle Figma beépülő modulokkal sokféle stílust találhat, amelyekkel használható, amelyeket hozzáadhat prezentációihoz, portfóliójához, vagy létrehozhat pusztán szórakozásból, hogy megmutassa tervezői munkáját.

Néhány alkalmazásbeli különbség miatt a Figma makett beépülő modulok könnyen hozzáférhetők és használhatók, miért ne próbálná ki?

Hogyan készítsünk mestersablonokat prezentációkhoz a Figmában

Olvassa el a következőt