Zásuvné moduly Figma pomáhajú zvýšiť váš pracovný výkon a zaisťujú, že zostanete vo Figme, aby ste dokončili svoje dizajnérske práce. S nekonečnou knižnicou doplnkov Figma nie je takmer nič, čo by ste nemohli robiť so svojím obľúbeným návrhárskym nástrojom.
S týmito najužitočnejšími bezplatnými doplnkami Figma iba poškriabame povrch toho, čo je k dispozícii.
Ako sťahovať pluginy Figma
Než sa vrhneme na zoznam tovaru, mali by ste vedieť, ako nájsť a stiahnuť plugin Figma. Môžeš vedieť ako používať Figma, ale ak nie, tu je návod, ako jednoducho nájsť knižnicu doplnkov. Niektoré doplnky môžu fungovať lepšie z počítačovej aplikácie Figma ako z verzie prehliadača.
Prejdite na stránku komunity, ktorú nájdete na domovskej stránke alebo zo stránky súboru pod názvom vášho účtu. Stránka Komunita obsahuje viac než len pluginy, ale zo súboru Figma výberom Hlavné menu > Pluginy zobrazí nedávno použité a uložené doplnky a umožní vám nájsť nové doplnky.
Výber Nájdite nové doplnky vás zavedie do Zdroje kartu, kde môžete vyhľadať ľubovoľný doplnok. Keď nájdete doplnok, ktorý si chcete stiahnuť – zo stránky komunity – vyberte Vyskúšaj to stiahnuť, alebo – z vyhľadávacieho poľa Zdroj – vyberte Bežať na stiahnutie pluginu.
Každý doplnok by mal poskytovať svoje vlastné pokyny na použitie, preto si po zobrazení výzvy prečítajte tento oznam.
Doplnok Gautham's Mesh Gradient poskytuje rýchly a jednoduchý spôsob, ako pridať vlastné prechody do vašich návrhov Figma. Spustite doplnok a vytvorte štvorec s prechodom. Farby si môžete prispôsobiť sami alebo trafiť Randomizovať na automatické generovanie návrhu gradientu.
Tento doplnok vytvára obrázok z vášho prechodu, takže ho po vygenerovaní nemožno upravovať. V doplnku však môžete upravovať staré alebo vytvárať nové prechody.
Webflow Labs poskytuje skvelý spôsob, ako premeniť váš Figma dizajn na HTML alebo CSS pripravený na Webflow a tvorbu webových stránok. Interakcie Webflow môžete integrovať do svojich návrhov Figma pre bezproblémovú integráciu s Webflow Labs. Tento doplnok je skvelý, ak ste používateľom Webflow Labs alebo pracujete s tímom webových vývojárov.
Obsahuje responzívne komponenty, zachováva všetky vaše štýly, fonty a obrázky a dokonca vám umožňuje upravovať HTML tagy priamo vo Figme. Môžeš vytvorte hlavné štýly šablón vo Figme a použite Figma do Webflow na ich exportovanie pre budúce projekty webových stránok.
Oficiálny doplnok Figma od Unsplash znamená, že môžete vkladať obrázky priamo do svojich návrhov bez toho, aby ste opustili okno Figma. K dispozícii sú všetky rovnaké licencie Unsplash, ale s týmto doplnkom ušetríte čas a kliknutia pri pridávaní obrázkov do vašej práce.
Ak ste dizajnér obrázkov, môže byť pre vás ťažké nájsť zástupný text pre priestor vo vašich návrhoch. Zástupný doplnok Lorem Ipsum to všetko urobí za vás. Pri tradičnom latinskom texte stačí odovzdať svoj návrh vášmu copywriterovi, aby sa zástupný text zmenil na skutočný, takže sa stačí zamerať na vizuál.
Ak máte pre svoj dizajn potrebný balík copywritingu, Text Porter vám pomôže jednoducho presunúť kópiu z Excelu do Figmy. Jednoducho spustite doplnok Text Porter a presuňte text. Potom upravte text priamo v súbore Excel, aby ste v budúcnosti aktualizovali svoj dizajn Figma. To je užitočné, ak váš copywriter nemá prístup k Figme alebo o nej nevie.
Pre plynulejší pracovný postup spolu s používaním doplnkov môžete tiež použite skratky Figma pre rýchlejší pracovný tok.
Odstraňovanie pozadí je bežnou praxou pri používaní obrázkov v mnohých aspektoch dizajnu. Namiesto otroctva Photoshopu, Canvy alebo iných programov na úpravu, použitie doplnku Icons8 Background Remover zrýchľuje proces a udržiava ho vo Figme.
Nástroj na odstránenie pozadia je možné použiť na viac ako jeden obrázok naraz, čím sa urýchli váš pracovný proces kliknutím na tlačidlo.
Doplnok Image Tracer vytvorí vektorový obrázok z ľubovoľných obrázkov a vrstiev obrázkov, na ktoré sa ho rozhodnete použiť. Škálovateľný vektor je ako zlatý prach pre prácu s digitálnym dizajnom a tento doplnok uľahčuje prácu pri premene akéhokoľvek obrázka na vektor.
Doplnok Html.to.design vám môže pomôcť pretvoriť existujúce návrhy webových stránok do návrhov Figma. Slúži to na mnohé účely, ako je napríklad pomoc pri precvičovaní navrhovania webových stránok alebo na obnovenie starých webových stránok, ktoré ste navrhli a stratili k nim prístup.
Pozrite si náš podrobný návod konverzia webovej stránky do dizajnu Figma pomocou tohto pluginu.
Plugin Vectorize funguje podobne ako Image Tracer, ale je to lepšie, ak máte na vektorizáciu iba jeden obrázok a jednu farbu. Prevod bitmapových obrázkov na vektory je pomocou tohto pluginu jednoduchý.
Vaše nové vektory budú vektorovou cestou, ľahko upraviteľnou a použiteľnou pre všetky vaše dizajnérske potreby. Zvlášť dobré, ak vám váš klient pošle svoje logo ako pixelizovaný obrázok skopírovaný z dokumentu programu Word. Logá a iné jednofarebné ikony môžete vo Figme jednoducho oživiť.
Navrhujete pre konkrétny pomer strán? Potrebujete zväčšiť alebo zmenšiť? Použite doplnok Aspects. Tento doplnok vám umožňuje rýchlo zmeniť vzhľad rôznych vrstiev vo vašom dizajne, najmä obrázkov. Aspekty sú užitočným nástrojom na akékoľvek rýchle škálovanie, ktoré musíte urobiť.
Ak navrhujete pre UX/UI, pravdepodobne do svojich návrhov pridávate tlačidlá. Button Buddy je skvelý doplnok, ktorý ponúka mnoho návrhov komponentov tlačidiel, čo vám šetrí čas pri navrhovaní, takže sa môžete sústrediť na skvelé návrhy rozloženia.
Ak chcete pridať viac komponentov ako tlačidiel, použite doplnok Handy Components. Tento doplnok ponúka viac ako 60 rôznych prvkov dizajnu UX/UI. Handy Components tiež používa inteligentný dizajn na replikáciu štýlov prítomných vo vašom návrhu a ich aplikovanie priamo na pridané komponenty doplnku. Nemusíte upravovať, aby zodpovedali vášmu štýlu.
Dostupné komponenty sú tlačidlá, karty funkcií, položky zoznamu, tabuľky, indikátory priebehu, varovné nálepky, kalendáre a mnoho ďalších užitočných prvkov.
Potrebujete mapu pre svoj web dizajn? Môžete ho jednoducho začleniť pomocou doplnku Map Maker. Plugin vám umožňuje pridať prispôsobenú mapu vloženú do tvaru.
Stačí si vybrať zamýšľaný tvar – obdĺžnik, elipsu alebo mnohouholník – a spustiť Map Maker. Potom zadajte adresu, ktorú chcete zdieľať. Pridanie mapy do vášho webového dizajnu je také jednoduché.
Ikony robia návrhy UX/UI univerzálne a prístupné. Doplnok Iconify obsahuje knižnicu s viac ako 1 000 000 ikonami pre takmer akékoľvek použitie. Ikony SVG s otvoreným zdrojom od Iconify možno použiť v mnohých vývojových softvéroch, aby ste mohli jednoducho preniesť vaše návrhy Figma od prototypu až po živé produkty.
Pridanie makiet do vašich návrhov Figma vám pomôže začleniť realitu do potenciálnych nápadov na produkty. Či už do svojho pridávate makety Dizajn prezentácie Figma alebo ich začlenenie do webovej stránky, sú užitočnou vecou.
Clay Mockups 3D je jedným z mnohých skvelých mockup pluginov. Pozrite si naše sprievodca maketami smartfónov Figma aby ste videli, čo je ešte k dispozícii. Môžete vložiť makety pre telefóny, počítače a ďalšie zariadenia, ako aj ruky, aby ste ich držali.
Tento jednoduchý doplnok vám umožňuje zarovnať rámčeky, upratať a udržiavať svoje umelecké diela organizované. Stačí si vybrať prvky, spustiť doplnok a vaše okno Figma bude super upratané.
Nielenže si objedná chaotický artboard, ale dokonca prečísluje snímky, ak sa poradie zmení. Po presunutí už nemusíte hľadať snímku 5, nájdete ju vedľa 4 a 6.
Udržujte svoju prácu v plynulosti pomocou doplnkov Figma
S týmito 16 skvelými nástrojmi môžete jednoducho zmeniť svoj pracovný tok. Pluginy vám umožňujú urobiť viac bez toho, aby ste opustili okno dizajnu Figma.
Tieto doplnky sú najužitočnejšie v okolí a ak ich všetky používate, môžete vektorizovať obrázky, pridávať obrázky z Unsplash, pridajte návrhy HTML do Figmy a späť pomocou Webflow Labs, pridajte vlastné mapy a zmeňte veľkosť dizajnov. Všetko s pluginmi.