Prečo pluginy?
V základe je Sketch veľmi jednoduchý grafický (vektorový) editor, na tvorbu UI. Pluginy tento editor rozšíria o veľmi zaujímavé funkcie, pomocou ktorých docielite:

Rýchlo a jednoducho naplniť design dátami (sample dáta alebo z webu).

Udržať konzistentnosť (zarovnanie, medzery medzi prvkami).

Stále opakujúce sa činnosti (vytvor/vlož symbol, vytvor/aplikuj štýl, exportuj stránku).
Otravná a zdĺhavá práca (udržať poriadok v projekte).
Ako na inštaláciu pluginov?

Pluginy do sketchu dostanete veľmi jednoducho.

Plugin nájdete na nete, stiahnete a kliknete na súbor .sketch
Alebo ak máte runner, tak ten umožnuje inštaláciu/aktualizáciu pluginov, zároveň si môžete v runneri listovať a prezerať pluginy.
Tu je zaujímavý článok o aktuálnych pluginoch, čo sa používajú.

https://blog.zipboard.co/which-sketch-plugins-to-use-a1fcf0600b74



Tu je zoznam Pluginov, ktoré používam ja.

1. Runner

2. Craft

3. Autolayout

4. User flow

5. Icon font

6. Find and replace

7. Automate

8. Zepplin



Runner

Uľahčí prácu s bežnými úkonmi v Sketchi, vďaka vyhľadávaciemu poľu dokážeme rýchlo riešiť tieto veci:

Vytváranie symbolov/štýlov

Aplikovanie štýlov

Navigácia v Pages/Artboard/Symbols

Inštalácia/Update pluginov



Craft

Asi jeden z najznámejších pluginov pre sketch. Craft má export priamo do Invisionu, niekedy bohužiaľ padá...

Pomocou Craftu dokážeme naplniť naše designy reálnymi dátami.



Autolayout

V dnešnej dobe je responsive design takmer samozrejmosťou a vďaka Autolayoutu dokážeme rýchlo vytvárať design pre rôzne zariadenia (Android, iOS).



Autolyout vo verzii 2, prišiel s funkciou stacks, čo je podľa mňa jedna z najlepších vecí na tomto plugine. Stacks je funkcia, vďaka ktorej dokážeme rýchlo organizovať s objektmi v grupe



User Flow

Tento plugin slúži na lepšie pochopenie správania UI, napríklad ak budete chcieť klientovi, alebo kolegom vysvetliť ako bude Wireframe fungovať, tak im ukážete výstup z User Flow.

Princíp tohto pluginu je, že prepájate artboardy a prvky medzi sebou.



Icon Font

Chceli by ste mať ikonky z najrôznejších knižníc (Font Awesome, Material design atď…) na jednom mieste a len jednoducho vkladať a upravovať ikonky bez toho, aby ste museli surfovať po nete a hľadať konkrétnu ikonku v konkrétnej farbe, tak to je pre vás tento plugin stvorený.



Find and replace

Tento plugin veľmi uvítate pri hromadných úpravách v textoch. Predstavte si, že Váš klient, chce namiesto textu vložiť do košíka, text pridať do košíka a máte 70 obrazoviek, kde sa tento reťazec nachádza. Za normálnych okolností by ste museli prechádzať všetky artboardy a nahrádzať text, ale vďaka Find and replace dokážete behom pár kliknutí reťazec nahradiť.



Zeplin

Pravdepodobne po návrhu UI bude prebiehať vývoj a programátori budú potrebovať vaše designy. Vďaka pluginu dokážete vyexportovať artboardy do Zeplinu, kde je všetko čo programátor potrebuje:

1. Môže čítať vlastnosti prvkov

2. Fonty

3. Veľkosť Fontov

4. Farby

5. Vzdialenosti prvkov

6. Exportovať Assety z designu

7. Pushovať pripomienky



Symbol Organizer, Select parrent artboard, Symbol inštancie Renamer

Na záver som vybral pluginy, ktoré nám ušetria hromadu otravnej práce ako je:

Neustále klikanie a označovanie vrstiev – máte 20 artboardov a chcete 10 z nich skopírovať a preunúť na inú page (plugin Select parrent artboard)

Udržanie poriadku v symbols súboru --- predstavte si že máte na stránke symbols hromadu vytvorených symbolov a chcete ich nejako rozumne usporiadať (Symbol Organizer)
Udržanie poriadku v názvoch symbolov --- Pri rýchlej práci duplikujeme symboly a nestíhame ich premenovávať. Inštancie symbolov potom majú tento názov ProductDetail Copy5, atď... Tento plugin tieto duplikáty automaticky premenuje na skutočný názov symbolu ---> ProductDetail. (Symbol Instance Renamer)