Čtenáři jako vy pomáhají podporovat MUO. Když provedete nákup pomocí odkazů na našich stránkách, můžeme získat provizi přidružené společnosti. Přečtěte si více.

Pluginy Figma pomáhají zvýšit váš pracovní výkon a zajišťují, že zůstanete ve Figmě, abyste dokončili svou návrhářskou práci. S nekonečnou knihovnou pluginů Figma není téměř nic, co byste se svým oblíbeným návrhářským nástrojem nemohli dělat.

S těmito nejužitečnějšími bezplatnými pluginy Figma pouze škrábeme na povrchu toho, co je k dispozici.

Jak stáhnout pluginy Figma

Než se vrhneme na seznam zboží, měli byste vědět, jak najít a stáhnout plugin Figma. Možná víš jak používat Figma, ale pokud ne, zde je návod, jak snadno najít knihovnu pluginů. Některé pluginy mohou fungovat lépe z desktopové aplikace Figma než z verze prohlížeče.

Přejděte na stránku komunity, kterou najdete na domovské stránce nebo ze stránky souboru pod názvem vašeho účtu. Stránka Komunita obsahuje více než jen pluginy, ale ze souboru Figma výběrem Hlavní menu > Pluginy zobrazí nedávno použité pluginy a uložené pluginy a umožní vám najít nové pluginy.

instagram viewer

Výběr Najít nové pluginy vás zavede do Zdroje kartu, kde můžete vyhledat jakýkoli plugin. Jakmile najdete plugin, který chcete stáhnout – ze stránky komunity – vyberte Vyzkoušej to stáhnout nebo – z vyhledávacího pole zdrojů – vybrat Běh ke stažení pluginu.

Každý plugin by měl poskytovat své vlastní pokyny k použití, proto si po zobrazení výzvy přečtěte popis.

Zásuvný modul Gautham's Mesh Gradient poskytuje rychlý a snadný způsob, jak do návrhů Figma přidat vlastní přechody. Spusťte plugin a vytvořte čtverec přechodu. Barvy si můžete přizpůsobit sami nebo trefit Randomizovat k automatickému generování návrhu přechodu.

Tento plugin vytváří obrázek z vašeho přechodu, takže jej po vygenerování nelze upravovat. V pluginu však můžete upravit staré nebo vytvořit nové přechody.

Webflow Labs poskytuje skvělý způsob, jak přeměnit váš Figma design na HTML nebo CSS připravené pro Webflow a tvorbu webových stránek. Interakce Webflow můžete integrovat do svých návrhů Figma pro bezproblémovou integraci s Webflow Labs. Tento plugin je skvělý, pokud jste uživatelem Webflow Labs nebo pracujete s týmem webových vývojářů.

Obsahuje responzivní komponenty, zachovává všechny vaše styly, fonty a obrázky a dokonce vám umožňuje upravovat HTML tagy přímo ve Figmě. Můžeš vytvořit hlavní šablony stylů v Figma a použijte Figma do Webflow k jejich exportu pro budoucí projekty webových stránek.

Oficiální plugin Figma od Unsplash znamená, že můžete vkládat obrázky přímo do svých návrhů, aniž byste opustili okno Figma. K dispozici jsou všechny stejné licence Unsplash, ale s tímto pluginem ušetříte čas a kliknutí při přidávání obrázků do vaší práce.

Pokud jste návrhář obrázků, může být pro vás obtížné najít zástupný text pro prostor ve vašich návrzích. Zástupný modul Lorem Ipsum to vše udělá za vás. U tradičního latinského textu stačí předat svůj návrh svému copywriterovi, aby se zástupný text proměnil ve skutečný, takže se stačí soustředit na vizuál.

Pokud máte pro svůj návrh potřebnou sadu copywritingu, Text Porter vám pomůže snadno přesunout vaši kopii z Excelu do Figmy. Jednoduše spusťte plugin Text Porter a přesuňte text. Poté upravte text přímo v souboru Excel, abyste v budoucnu aktualizovali svůj design Figma. To je užitečné, pokud váš copywriter nemá přístup nebo nezná Figmu.

Pro hladší pracovní postup spolu s používáním pluginů můžete také použijte klávesové zkratky Figma pro rychlejší pracovní postup.

Odstranění pozadí je běžnou praxí při použití obrázků v mnoha aspektech designu. Namísto otroctví Photoshopu, Canva nebo jiných editačních programů, použití pluginu Icons8 Background Remover urychlí proces a zachová vše ve Figmě.

Nástroj pro odstranění pozadí lze použít na více než jeden obrázek najednou, což urychlí váš pracovní proces kliknutím na tlačítko.

Plugin Image Tracer vytvoří vektorový obrázek z libovolných obrázků a obrazových vrstev, na které se rozhodnete jej použít. Škálovatelný vektor je jako zlatý prach pro práci s digitálním designem a tento plugin usnadňuje přeměnu jakéhokoli obrázku na vektor.

Plugin Html.to.design vám může pomoci znovu vytvořit stávající návrhy webových stránek do návrhů Figma. To slouží k mnoha účelům, jako je pomoc při procvičování navrhování webových stránek nebo k obnovení starých webových stránek, které jste navrhli a ke kterým jste ztratili přístup.

Podívejte se na náš podrobný návod převod webu do designu Figma pomocí tohoto pluginu.

Plugin Vectorize funguje podobně jako Image Tracer, ale je lepší, pokud máte k vektorizaci pouze jeden obrázek a jednu barvu. Převod bitmapových obrázků na vektory je pomocí tohoto pluginu snadný.

Vaše nové vektory budou vektorovou cestou, snadno se upraví a použije pro všechny vaše potřeby návrhu. Zvláště dobré, pokud vám váš klient pošle své logo jako pixelizovaný obrázek zkopírovaný z dokumentu aplikace Word. Loga a další jednobarevné ikony můžete ve Figmě jednoduše oživit.

Navrhování pro konkrétní poměr stran? Potřebujete zvětšit nebo snížit? Použijte plugin Aspects. Tento plugin vám umožňuje rychle změnit vzhled různých vrstev ve vašem návrhu, zejména obrázků. Aspects je užitečný nástroj pro jakékoli rychlé škálování, které potřebujete udělat.

Pokud navrhujete pro UX/UI, pravděpodobně do svých návrhů přidáváte tlačítka. Button Buddy je skvělý plugin, který nabízí mnoho návrhů komponent tlačítek, což vám šetří čas při navrhování, takže se můžete soustředit na skvělé návrhy rozložení.

Chcete-li přidat více komponent než tlačítek, použijte plugin Handy Components. Tento plugin nabízí více než 60 různých designových prvků UX/UI. Handy Components také používá inteligentní design k replikaci stylů přítomných ve vašem návrhu a jejich použití přímo na přidané komponenty pluginu. Nemusíte upravovat, aby odpovídaly vašemu stylu.

Dostupné součásti jsou tlačítka, karty funkcí, položky seznamu, tabulky, ukazatele průběhu, varovné nálepky, kalendáře a mnoho dalších užitečných prvků.

Potřebujete ke svému webdesignu mapu? Jeden můžete snadno začlenit pomocí pluginu Map Maker. Plugin umožňuje přidat vlastní mapu vloženou do tvaru.

Stačí vybrat zamýšlený tvar – obdélník, elipsu nebo mnohoúhelník – a spustit Map Maker. Poté zadejte adresu, kterou chcete sdílet. Přidání mapy do vašeho webového designu je tak snadné.

Díky ikonám jsou návrhy UX/UI univerzální a přístupné. Plugin Iconify obsahuje knihovnu více než 1 000 000 ikon pro téměř jakékoli použití. Ikony SVG s otevřeným zdrojovým kódem Iconify lze použít v mnoha vývojových softwarech a snadno převést vaše návrhy Figma z prototypu na živé produkty.

Přidání maket do návrhů Figma vám pomůže začlenit realitu do potenciálních nápadů na produkty. Ať už do svého přidáváte makety Návrh prezentace Figma nebo je začlenit do webové stránky, je to šikovná věc.

Clay Mockups 3D je jedním z mnoha skvělých maket pluginů. Podívejte se na naše průvodce maketami smartphonů Figma abyste viděli, co dalšího je k dispozici. Můžete vložit makety pro telefony, počítače a další zařízení a také ruce, abyste je drželi.

Tento jednoduchý plugin vám umožní zarovnat rámečky, uklidit a udržet vaše umělecká díla organizovaná. Stačí vybrat prvky, spustit plugin a vaše okno Figma bude super uklizené.

Nejenže objednává chaotický artboard, ale dokonce přečísluje snímky, pokud se pořadí změní. Po přesunutí už žádné hledání snímku 5, najdete jej vedle 4 a 6.

Udržujte svou práci plynulou s Figma pluginy

S těmito 16 skvělými nástroji můžete snadno transformovat svůj pracovní proud. Pluginy vám umožní udělat více, aniž byste opustili okno návrhu Figma.

Tyto pluginy jsou nejužitečnější, a pokud je všechny používáte, můžete vektorizovat obrázky, přidávat obrázky z Unsplash, přidejte návrhy HTML do Figmy a zpět pomocí Webflow Labs, přidejte vlastní mapy a změňte velikost návrhy. Vše s pluginy.