Jak vytvářet a přidávat makety do návrhů Figma pomocí pluginů

Pokud jste návrhář, který rád předvádí své návrhy pomocí maket, může být snadné je vytvořit ve Figmě.

Namísto ukládání návrhů Figmy a přechodu na jiný program k vytvoření makety si můžete snadno stáhnout makety pluginů ve Figmě. Existuje mnoho možností pluginů v různých stylech, ale všechny se snadno používají a integrují do větších návrhů.

Jak najít a stáhnout pluginy Figma

Stažení a instalace pluginu ve Figmě je stejná, ať už používáte aplikaci nebo verzi prohlížeče. Z Domovská stránka prohlížeče Figma, klikněte Komunita > Pluginy a widgetya prohledávejte seznam nebo použijte vyhledávací lištu.

Z Aplikace Figma, domovská stránka nabídne stejnou možnost jako prohlížeč, jak se dostat na stránku komunity. Ale pokud jste na stránce designu, můžete kliknout na logo Figma Pluginy. Pokud již máte nainstalované pluginy, uvidíte je zde.

Chcete-li najít více, vyberte si Procházejte pluginy v komunitě. Tím se dostanete na stránku komunity v aplikaci, kde můžete hledat další pluginy.

Na stránce komunity najdete pro každý plugin malý popis, datum poslední aktualizace a jak často byl každý plugin stažen. Chcete-li získat další informace o každém pluginu – jako jsou komentáře od uživatelů a návody k použití – kliknutím na jeho název přejdete na informační stránku daného pluginu.

Jakmile najdete plugin, který si chcete stáhnout, klikněte na modrou Nainstalujte knoflík.

Pokud si nejste jisti, co hledat, zde je našich pět nejoblíbenějších maket pluginů. Je jich mnohem víc, ale je dobré někde začít.

• Hliněné makety 3D
• Úhlové makety
• MockRocket - 3D makety
• Maketa
• Vectary 3D prvky

Jak používat mockup pluginy v Figma

Proces instalace zásuvných modulů je stejný bez ohledu na typ zásuvného modulu, který používáte, ale mohou existovat určité rozdíly ve způsobu jejich použití. Proto je vždy nejlepší přečíst si stránku komunity jednotlivých pluginů, kde najdete další podrobnosti.

Ve Figmě si můžete vybrat hotové velikosti rámečků pro konkrétní obrazovky, jako je iPhone 13 nebo velký či malý Android. Měli byste vytvořit svůj design pro zamýšlenou velikost zařízení, spíše než se snažit měnit velikost návrhů později, aby se vešly do vaší makety, ale některé makety umožňují mírně odlišné velikosti s ne zkreslení.

Můžete dokonce použít snímek obrazovky ze svého zařízení, který bude mít ideální velikost pro maketu stejného zařízení.

Makety jsou obvykle pro statické návrhy obrazovky, i když můžete vytvořit maketu videa ve Photoshopu. Zaměříme se na makety Figma pro kapesní zařízení, ale můžete vytvořit maketu od nuly ve Photoshopu pro jiná zařízení. Po dokončení návrhu obrazovky můžete přejít k vytvoření makety produktu.

Ukážeme vám, jak používat tři z námi navrhovaných pluginů: Clay Mockups 3D, Angle Mockups a Vectory 3D Elements. Pojďme rovnou do toho.

Hliněné makety 3D

S otevřeným návrhem vyberte rámeček a přejděte na Pluginy a vybrat si Hliněné makety 3D. Otevře se okno, kde můžete vybrat zařízení pro maketu. Váš návrh by se měl zobrazit na obrazovce makety v tomto okně.

V tomto okně můžete změnit úhel makety i barvu. Až budete spokojeni s tím, jak to vypadá, klikněte Uložit jako obrázek.

Kliknutím se můžete kdykoli vrátit zpět a změnit barvu nebo jiné aspekty Upravit maketu pod Zapojit v pravém menu. Nyní můžete přidat svůj plugin k větším návrhům, jako jsou prezentace nebo portfolio.

Úhlové makety

Chcete-li používat Angle Mockups, musíte si vytvořit účet Angle, abyste si mohli stáhnout mockupovou knihovnu z jejich webových stránek. Na Web společnosti Angle, klikněte Přihlásit se, což vyvolá vyskakovací okno, na které můžete kliknout Přihlásit se a přidejte své údaje, abyste si mohli vytvořit bezplatný účet.

Po přihlášení si můžete stáhnout makety kliknutím Makety > Stáhnout ukázku. Pro komplexnější sadu maket si můžete zaplatit za prémiový přístup, ale ukázka nabízená s bezplatným účtem je dostatečně dobrá.

Po stažení soubor rozbalte. Obsahuje ukázky, které můžete použít ve Figmě, Sketch a Adobe XD, a také některé bezplatné tapety. OTEVŘENO ÚhelFigma. Najdete zde dvě videa, která vám pomohou s používáním maket, a také čtyři sady souborů Figma s různými maketami.

Chcete-li importovat soubory do svého účtu Figma, přejděte do prohlížeče Figma a klikněte na svůj profil. Můžete k tomu přistupovat z aplikace přechodem na Soubor > Otevřít prohlížeč souborů. Přetáhněte každý soubor úhlu do Figma. Poté otevřete soubor Angle tak, že na něj dvakrát kliknete na stránce prohlížeče Figma.

Najděte úhel zařízení, který chcete použít pro maketu, a zkopírujte jej (Cmd + C pro Mac nebo Ctrl + C pro Windows). Vložte to (Cmd + V pro Mac nebo Ctrl + V pro Windows) do stejného kreslicího plátna jako váš hlavní návrh.

V paletě vrstev rozbalte vrstvy obrazovky makety, dokud neuvidíte vrstvu s ikonou obrázku s názvem Umístěte Artboard sem. Vyberte tuto vrstvu. Pak přejděte na Pluginy > Angle Mockups a ve vyskakovacím okně vyberte svůj původní design.

To by se mělo zobrazit v okně náhledu v úhlu vaší makety, ale nezobrazí se zařízení makety. Klikněte Aplikovat a vaše obrazovka by nyní měla být na maketě zařízení ve správném úhlu.

Vectary 3D prvky

Vectary 3D funguje podobně jako Clay Mockups 3D, i když má méně možností pro makety zařízení, protože také nabízí různé 3D prostředky. Otevřete svůj návrh, vyberte rámeček a přejděte na Pluginy > Vectary 3D Elements.

Najděte maketu, kterou chcete použít, ve vyskakovací knihovně a klikněte Načíst rám. Jakmile se váš návrh objeví na obrazovce zařízení, klikněte Export obrázku.

Nyní máte 3D maketu svého návrhu na zařízení, které si vyberete. Můžete jej snadno přidat do jiného designu.

Jakmile je maketa dokončena, můžete ji uložit jako soubor PNG a snadno ji použít v jiném designu. Klikněte Soubor > Exportovat. Vyberte obrázek, který chcete exportovat, a poté klikněte Vývozní pro váš konečný PNG.

Dodejte svým návrhům realismus pomocí maket Figma

Existuje nespočet možností použití pro vytváření maket pro vaše návrhy. S různými pluginy Figma můžete najít širokou škálu stylů, se kterými můžete pracovat, které můžete přidat do svých prezentací, portfolia nebo je tvořit jen tak pro zábavu, abyste předvedli svou návrhářskou práci.

S několika rozdíly v aplikaci jsou maketové pluginy Figma snadno přístupné a použitelné, tak proč to nezkusit?

Jak vytvořit hlavní šablony pro prezentace ve Figmě

Přečtěte si další