12 Essential Free Sketch Plugins
Když skica 44 skončí beta, podíváme se na jednu z nejlepších vlastností Sketch: obrovský výběr open source pluginů.
Komunita Sketch je divoce podporující a můžete najít spousty úžasných pluginů, které radikálně zlepší váš pracovní postup. V tomto příspěvku budu pokrývat 12 nejlepších pluginů Sketch, které by měl každý návrhář mít.
1. Měření náčrtu
Měření náčrtu pomáhá návrhářům organizovat a koncipovat svou práci pro vývojáře, projektové manažery a další členy týmu.
Ale je to také neuvěřitelně užitečné pro osamělé vlky, kteří navrhují a kódují všechny své projekty. Pomocí nástroje Measure můžete vykreslovat prvky, které zobrazují specifické rozměry šířky / výšky, abyste získali správná měření na první pohled.
Zahrnuje všechny prvky stránky, jako jsou tlačítka, text, ikony a dokonce i hlavní části výkresové dokumentace.
Pomocí nástroje Sketch Measure můžete dokonce exportovat stránky do formátu HTML / CSS se styly stránek in-tact. Jsou udělovány Nástroje Adobe to může také udělat. Ale mít všechny tyto funkce v Sketch dělá vaši práci mnohem jednodušší.
2. InVision Craft
O chvíli zpět tým InVision oznámil nový plugin Řemeslo . Ale to je spíš jako sada pluginů, kde získáte spoustu dalších funkcí a klávesových zkratek.
Jedním příkladem je Datový plugin který umožňuje návrhářům táhnout text / data přímo z veřejných rozhraní API na webu. Tímto způsobem můžete aplikaci automaticky naplňovat skutečným obsahem a obrázky za běhu.
InVision vývojáři neustále aktualizují Craft s novými funkcemi pluginů, díky nimž je pro návrháře ještě cennější. A zmínil jsem se, že je to zcela zdarma?
Doposud Craft má 6 hlavních pluginů, které všechny stojí za to přidat do vašeho workflow.
- Volná ruka - spolupráce ve Sketch v reálném čase
- Prototyp - dynamické vysoce věrné prototypy
- Synchronizace - okamžité synchronizace mezi prototypy InVision & Sketch
- Data - vytáhněte skutečné údaje z webu do vašeho náčrtu náčrtu
- Knihovna - navrhnout prostředky v cloudu sdílené s celým týmem
- Duplikát - bleskově rychlé klonování uživatelského rozhraní
Podívejte se na Craft homepage a uvidíte, co si myslíte. Jakmile to zkusíte, nikdy se nebudete chtít vrátit.
3. Nástroj Sketch
Každý uživatel Sketch by měl vědět o Nástroj pro skici . Je to vynikající správce pluginů, který jednoduše usnadňuje instalaci / přizpůsobení vašich pluginů.
S touto sadou nástrojů můžete procházet stovky pluginů Sketch a vybrat si ty, které chcete nainstalovat. Stačí kliknout na to, co chcete, a automaticky se stáhne do počítače a bude připraven k použití.
Nástroj Sketch Toolbox automaticky aktualizuje zásuvné moduly, aby se udržely hladce.
Technicky je to ještě v beta verzi a vždy dostávají nové aktualizace na GitHub . Ale myslím, že je to dost solidní, aby bylo možné ho použít ve výrobním workflow. Ve skutečnosti bych tvrdil, že dobrý skicový pracovní postup by nebyl úplný bez tohoto neuvěřitelného správce pluginů.
4. Exportní majetek
Jedním z nejdůležitějších úkolů projektanta je přidělování zdrojů a jejich sdílení s vývojáři. Všechny malé ikony, grafiky, vzory pozadí jsou všechny vyvážené (obvykle ručně).
The Exportní zásuvný modul dělá tento proces vítr. Stačí si uvědomit, že tato zástrčka je určena speciálně pro mobilní aplikace, kde je třeba, aby návrháři exportovali zařízení rozhraní Android / iOS. Patří sem prostředky sítnice pro velikosti obrazovky @ 2x a @ 3x.
Neviděl jsem žádné funkce související s webovým designem sítnice, ale můžete se podívat na to Sketch Vývozce plugin také. V současné době je v beta verzi a má být vylepšenou verzí originálu.
5. Generátor obsahu
Plugin aplikace Craft, o kterém jsem již dříve zmínil, nabízí generování obsahu. Ale možná budete chtít něco tak jednoduššího Generátor obsahu Timur Carpeev.
S tímto instalovaným systémem můžete automaticky najednou načítat více elementů Skic s souvisejícími údaji, jako jsou:
- Uživatelské avatary
- Jméno a příjmení
- Text fiktivního odstavce
- Vlastní řetězce (geos, ceny, čísla CC karty atd.)
Veškerý obsah je stažen z open source databází jako Unsplash a Uinames můžete jej použít na několika projektech, komerčních nebo jiných.
6. Looper
Photoshop má vlastní panel Akce, kde můžete automatizovat opakované akce. Skica nemá takový panel, ale má to Looper plugin který je zcela zdarma a velmi snadno se učí.
To je nejužitečnější pro vytváření opakujících se vzorků, které přebírají celou stránku. Grafický návrháři mohou pro tento plugin více využívat než weboví návrháři, ale mohou ušetřit spoustu času opakováním opakovaných úloh škálování / duplikace.
Podívejte se na Looper homepage aby viděla, co může dělat. Nemusí to být užitečné pro všechny, ale pro ty, kteří je mohou používat, zjistíte, že ušetříte spoustu času.
7. Skicka Iconfont
Weboví návrháři milují písma ikon . Velké ikony usnadňují vytváření uživatelského rozhraní a soubory písma jsou obecně menší než obrázky.
The Skicka Iconfont plugin je kompletní sada pro správu pro ukládání, třídění a kreslení ikon písma přímo do náčrtu. Plugin je ve výchozím nastavení prázdný, takže je třeba stahovat ikony místně, abyste je mohli používat.
To vám však poskytuje úplný přístup k práci s jakýmikoli ikonovými písmy, které najdete online. Je to vlastně balení balíčku písem vytvořené speciálně pro tento plugin, pokud se snažíte vyplnit složku iconfont rychle. A můžete stále vyčistit web po více času, jak plyne čas.
Naprosto doporučuji popsat kopii tohoto pluginu. Ikonové písma jsou zde k pobytu a jsou neocenitelné pro moderní webové stránky.
8. Inventář stylů
Kdykoli spustíte nový soubor Sketch, musíte buď znovu vytvořit styly od začátku, nebo musíte kopírovat / vkládat styly z předchozích modelů.
S Inventář stylu inventáře můžete obejít všechny tyto další práce. Jen několik kliknutí importuje všechny vaše předchozí styly přímo do vašeho nového dokumentu Sketch pro snadný přístup.
Tyto styly zahrnují barvy, styly textu a symboly spolu se styly vrstev pro určité prvky.
Tento plugin je zřídka aktualizován, ale doporučuji ho pro sloučení podobných modelů. Můžete také zkusit Zásuvná paleta Sketch pro ukládání a import barevných schémat.
9. Pixel Perfecter
Každý digitální návrhář se pyšní perfektními obrazovými modely. Tento úkol není těžký, ale vyžaduje, aby každý konstrukční prvek byl dokonale sladěn s mřížkou, aniž by docházelo k překrývání nebo nedokonalosti.
Pokud jste někdy chtěli zkontrolovat svou práci před vývozem, můžete spustit Pixel Perfecter . Tento velmi malý plugin kontroluje všechny vaše soubory, aby zjistil, zda některé pixely překryjí tradiční souřadnice souřadnic X / Y a vytvářejí nedokonalé pixely.
Všimněte si, že tyto hodnoty ofsetových pixelů se neopravují automaticky. Prostě najde vrstvu (y), která způsobí problémy a zvýrazní je, abyste mohli jít a opravit sami. Přesto se ušetří spousta času ruční kontroly každé vrstvy.
10. Dynamické tlačítko
Původní plugin dynamického tlačítka byl poněkud opuštěn v roce 2015, ale novější Dynamické tlačítko plugin je ještě lepší a kompatibilní se sketch 3.5+.
Automaticky přidává styly vycpávání a tlačítek na libovolnou textovou vrstvu, kterou vytvoříte, a výplň je dynamická, takže se aktualizuje bez ohledu na velikost textu. To je velice užitečné pro designéry UI, kteří neustále dělají změny svých modelů.
To lze také použít pro mobilní aplikace, kde tlačítka obecně sledují pevnou velikost / poměr. Nejde o nejvíce okouzlující plugin Sketch, ale dělá dobře.
11. Kompon
Pokud chcete generátor tlačítek spolu s některými dalšími funkcemi, pak Compo plugin stojí za testování.
Tvůrce společnosti Compo získal nápad po chvíli, když na chvíli použil plugin pro dynamické tlačítko, nakonec chtěl něco trochu rychleji. Compo automaticky generuje správnou velikost tlačítka a velikost textu tak, aby odpovídala vašim přesným specifikacím. Jedno kliknutí a máte funkční komponentu Sketch, která je automaticky dimenzována a umístěna správně.
Obvykle při vytváření tlačítka a změně textu bude mít vliv pouze na textovou vrstvu. Takže podkladové tlačítko by bylo příliš malé. Compo automaticky změní velikost tlačítka a textu tak, jako by byly jedním prvkem.
Můžete najít tuny demo na GitHub repo spolu s některými uživatelskými průvodci pro začátek.
12. CSSketch
V neposlední řadě je to CSSketch zapojit. To je nejužitečnější pro konstruktéry a vývojáře, kteří chtějí přímý přístup ke kódu CSS pro všechny styly, které vytvářejí.
Každá stránka, kterou navrhujete, může být spuštěna prostřednictvím tohoto pluginu a exportovat úplný stylový list se všemi aktivy, které se účtují. Ale protože je to automatizované, nemůžete očekávat kód kvality A ++.
Stále dávám přednost tomu, aby kód CSS ručně, ale tento plugin přinejmenším nabízí výchozí bod pro netechnické návrháře nebo vývojáře, kteří chtějí ušetřit trochu času.
