Ako vytvoriť a pridať makety do svojich návrhov Figma pomocou doplnkov

Ak ste dizajnér, ktorý rád predvádza svoje návrhy pomocou makiet, môže byť jednoduché ich vytvoriť vo Figme.

Namiesto ukladania návrhov Figmy a prechodu na iný program na vytvorenie makety si môžete jednoducho stiahnuť makety pluginov vo Figme. Existuje veľa možností doplnkov v rôznych štýloch, ale všetky sa jednoducho používajú a integrujú do väčších návrhov.

Ako nájsť a stiahnuť pluginy Figma

Sťahovanie a inštalácia doplnku v Figma je rovnaká, či už používate aplikáciu alebo verziu prehliadača. Od Domovská stránka prehliadača Figma, kliknite Komunita > Doplnky a miniaplikáciea prehľadávajte zoznam alebo použite panel vyhľadávania.

Od Aplikácia Figma, domovská stránka ponúkne rovnakú možnosť ako prehliadač dostať sa na stránku komunity. Ale ak ste na stránke dizajnu, môžete kliknúť na logo Figma Pluginy. Ak už máte nainštalované doplnky, uvidíte ich tu.

Ak chcete nájsť viac, vyberte si Prehľadávajte doplnky v komunite. Tým sa dostanete na stránku komunity v rámci aplikácie, kde môžete vyhľadať ďalšie doplnky.

Na stránke komunity nájdete malý oznam pre každý doplnok, dátum poslednej aktualizácie a frekvenciu sťahovania jednotlivých doplnkov. Ak chcete získať ďalšie informácie o každom doplnku, napríklad komentáre od používateľov a návody na používanie, kliknutím na jeho názov sa dostanete na stránku s informáciami o doplnku.

Keď nájdete doplnok, ktorý si chcete stiahnuť, kliknite na modré Inštalácia tlačidlo.

Ak si nie ste istí, čo hľadať, tu je našich päť najobľúbenejších doplnkov na vytváranie modelov. Je ich oveľa viac, ale je dobré niekde začať.

• Hlinené makety 3D
• Uhlové makety
• MockRocket - 3D makety
• Maketa
• Vectary 3D prvky

Ako používať Mockup Pluginy v Figma

Proces inštalácie doplnkov je rovnaký bez ohľadu na typ doplnku, ktorý používate, ale môžu existovať určité rozdiely v spôsobe ich použitia. Preto je vždy najlepšie prečítať si stránku komunity jednotlivých doplnkov, kde nájdete ďalšie podrobnosti.

Vo Figme si môžete vybrať hotové veľkosti rámov pre konkrétne obrazovky, ako je iPhone 13 alebo veľký či malý Android. Mali by ste vytvoriť svoj dizajn pre zamýšľanú veľkosť zariadenia, a nie pokúšať sa meniť veľkosť návrhov neskôr, aby sa zmestili do vašej makety, ale niektoré makety umožnia mierne odlišné veľkosti s č skreslenie.

Môžete dokonca použiť snímku obrazovky z vášho zariadenia, ktorá bude mať dokonalú veľkosť pre maketu toho istého zariadenia.

Makety sú zvyčajne pre statické návrhy obrazoviek, aj keď môžete vytvoriť maketu videa vo Photoshope. Zameriame sa na makety Figma pre vreckové zariadenia, ale môžete vytvorte maketu od začiatku vo Photoshope pre iné zariadenia. Po dokončení návrhu obrazovky môžete prejsť k vytvoreniu makety produktu.

Ukážeme vám, ako používať tri z našich navrhovaných doplnkov: Clay Mockups 3D, Angle Mockups a Vectory 3D Elements. Poďme do toho.

Hlinené makety 3D

Pri otvorenom dizajne vyberte rám a potom prejdite na Pluginy a vyberte si Hlinené makety 3D. Otvorí sa okno, v ktorom si môžete vybrať zariadenie pre maketu. Váš návrh by sa mal zobraziť na obrazovke makety v tomto okne.

V tomto okne môžete zmeniť uhol makety, ako aj farbu. Keď ste spokojní s tým, ako to vyzerá, kliknite Uložiť ako obrázok.

Kliknutím sa môžete kedykoľvek vrátiť a zmeniť farbu alebo iné aspekty Upraviť maketu pod Zapojiť v pravom menu. Teraz môžete doplnok pridať do väčších návrhov, ako sú prezentácie alebo portfólio.

Uhlové makety

Ak chcete používať Angle Mockups, musíte si vytvoriť Angle účet a stiahnuť si mockupovú knižnicu z ich webovej stránky. zapnuté Webová stránka spoločnosti Angle, kliknite Prihlásiť sa, čím sa zobrazí kontextové okno, na ktoré môžete kliknúť Prihlásiť Se a pridajte svoje údaje, aby ste si vytvorili bezplatný účet.

Po prihlásení si môžete stiahnuť makety kliknutím Makety > Stiahnite si ukážku. Pre komplexnejšiu sadu modelov si môžete zaplatiť prémiový prístup, ale vzorka ponúkaná s bezplatným účtom je dosť dobrá.

Po stiahnutí súbor rozbaľte. Toto obsahuje ukážky, ktoré môžete použiť v programoch Figma, Sketch a Adobe XD, ako aj niektoré bezplatné tapety. OTVORENÉ UholFigma. Nájdete tu dve videá, ktoré vám pomôžu s používaním modelov, ako aj štyri sady súborov Figma s rôznymi modelmi.

Ak chcete importovať súbory do svojho účtu Figma, prejdite do prehliadača Figma a kliknite na svoj profil. Môžete k tomu pristupovať z aplikácie tak, že prejdete na Súbor > Otvoriť prehliadač súborov. Presuňte každý súbor uhla do Figma. Potom otvorte súbor Angle tak, že naň dvakrát kliknete na stránke prehliadača Figma.

Nájdite uhol zariadenia, ktorý chcete použiť pre svoju maketu, a skopírujte ju (Cmd + C pre Mac alebo Ctrl + C pre Windows). Prilepte to (Cmd + V pre Mac alebo Ctrl + V pre Windows) do rovnakého umeleckého plátna ako váš hlavný návrh.

V palete vrstiev rozbaľte vrstvy obrazovky makety, kým neuvidíte vrstvu s ikonou obrázka s názvom Umiestnite Artboard sem. Vyberte túto vrstvu. Potom prejdite na Zásuvné moduly > Uhlové makety a vo vyskakovacom okne vyberte svoj pôvodný dizajn.

Toto by sa malo zobraziť v okne náhľadu v uhle vašej makety, ale nezobrazí sa zariadenie makety. Kliknite Použiť a vaša obrazovka by teraz mala byť na makete zariadenia v správnom uhle.

Vectary 3D prvky

Vectary 3D funguje podobne ako Clay Mockups 3D, aj keď má menej možností pre makety zariadení, pretože ponúka aj rôzne 3D aktíva. Otvorte svoj dizajn, vyberte rám a prejdite na Pluginy > Vectary 3D Elements.

Vo vyskakovacej knižnici nájdite maketu, ktorú chcete použiť, a potom kliknite Načítať rám. Keď sa váš návrh objaví na obrazovke zariadenia, kliknite Exportovať obrázok.

Teraz máte 3D maketu svojho dizajnu na zariadení, ktoré si vyberiete. Môžete ho ľahko pridať do iného dizajnu.

Po dokončení makety ju môžete uložiť ako súbor PNG a jednoducho ju použiť v inom dizajne. Kliknite Súbor > Exportovať. Vyberte obrázok, ktorý chcete exportovať, a potom kliknite Export pre váš konečný PNG.

Dodajte svojim návrhom realizmus pomocou modelov Figma

Existuje nespočetné množstvo použití na vytváranie makiet pre vaše návrhy. S rôznymi zásuvnými modulmi Figma môžete nájsť širokú škálu štýlov, s ktorými môžete pracovať, ktoré môžete pridať do svojich prezentácií, portfólia alebo vytvoriť len tak pre zábavu, aby ste predviedli svoju dizajnérsku prácu.

S niekoľkými rozdielmi v aplikácii sú makety doplnkov Figma ľahko prístupné a použiteľné, tak prečo to neskúsiť?

Ako vytvoriť hlavné šablóny pre prezentácie vo Figme

Prečítajte si ďalej