Obsah
- 01. Průvodce kopírováním a vkládáním
- 02. Čistič skic
- 03. Anima
- 04. React Sketch.app
- 05. Git Sketch Plugin
- 06. ImageOptim
- 07. Magické zrcadlo
- 08. Export více
- 11. Marketch
- 12. Segmentované kruhy
- 13. Skica Runner
- 14. Písmo ikony
- 15. Najděte a vyměňte
Zásuvné moduly Sketch pomáhají vylepšit Sketch. Sketch je nástroj pro návrh webového uživatelského rozhraní typu go-to, který si mnoho lidí vybralo, a součástí toho, co dělá tak dobré, je komunita lidí pracujících na rozšíření jeho funkčnosti a funkcí vytvářením vlastních pluginů.
Správa vašich pluginů Sketch je nyní snazší než kdy dříve. Pluginy se aktualizují automaticky a zastaralé jsou deaktivovány. Efektivnějším ekosystémem pluginů je Sketch Cloud, služba sdílení souborů, kterou si může kdokoli zaregistrovat, kde si můžete prohlížet, stahovat a komentovat dokumenty Sketch, které byly sdíleny veřejně nebo soukromě přímo z aplikace Sketch.
Pojďme se tedy podívat na ty nejlepší zásuvné moduly Sketch - ty, které by mohly drasticky změnit způsob, jakým navrhujete uživatelská rozhraní. Jakmile najdete ten, který byste chtěli, přečtěte si, jak nainstalovat doplňky Sketch. Pokud máte rádi své webové nástroje, nenechte si ujít naše oblíbené nástroje pro webový design, nástroje pro tvorbu webových stránek a cloudové úložiště. A pamatujte, že váš výběr poskytovatele webhostingu je zásadní pro úspěch vašeho webu (náš průvodce vám pomůže).
01. Průvodce kopírováním a vkládáním
- Stáhnout zde
- Cena: Volný, uvolnit
- Souhrn: Zkopírujte, vložte nebo odeberte vodítka z vašich návrhových ploch
Každý designér má s průvodci vztah lásky a nenávisti. Někdy jsou naprosto zásadní a po zbytek času vám jen stojí v cestě. Pokud místo možnosti rozvržení aplikace Sketch používáte vodítka, jejich změna pro více kreslicích pláten může být noční můrou, ale s tímto pluginem je snadné kopírovat, vložit a odstranit vodítka ze všech vašich kreslicích pláten.
02. Čistič skic
- Stáhnout zde
- Cena: $2
- Souhrn: Získejte soubory návrhů čisté jako píšťalka
Jakýkoli návrh náčrtu, který prošel několika iteracemi, musí během cesty zachytit trochu haraburdí, jako jsou skryté vrstvy, nekonzistentní polohy okrajů a nepoužívané styly vrstev.
I když to není konec světa, aby měl chaotický soubor náčrtu, mohlo by to ovlivnit předání a usnadní to život každému, kdo to bude muset pochopit. Spíše než procházet vše ručně, použijte nástroj Sketch Cleaner k automatickému řešení všech běžných problémů.
03. Anima
- Stáhnout zde
- Cena: Zdarma nahoru
- Souhrn: Vytvářejte citlivé a vysoce věrné prototypy
Dříve byly k dispozici jako samostatné bezplatné pluginy - Automatické rozložení a Launchpad - Anima je nyní plugin typu „vše v jednom“, který vám pomůže vytvářet responzivní rozvržení s kolíky, zásobníky a polstrováním a vysoce věrné prototypy, které se hodí na všechny obrazovky. Stále existuje bezplatná verze, která podporuje jeden projekt; u neomezených projektů začíná cena na 25 $ za měsíc.
04. React Sketch.app
- Stáhnout zde
- Cena: Volný, uvolnit
- Souhrn: Vykreslení Reagujte komponenty do náčrtu
Správa návrhových aktiv může být v aplikaci Sketch obtížná. Tento praktický plugin Sketch poskytuje snadnější a spolehlivější způsob správy vašich aktiv. Implementujte své návrhy v kódu jako komponenty React a poté je pomocí tohoto pluginu vykreslete do náčrtu. Také usnadňuje načítání a implementaci skutečných dat do vašich souborů Sketch.
React Sketch.app byl vyvinut společností Airbnb pro použití s jeho designovým systémem s cílem pomoci překlenout propast mezi designéry a vývojáři.
05. Git Sketch Plugin
- Stáhnout zde
- Cena: Volný, uvolnit
- Souhrn: Klient Git zabudovaný do aplikace Sketch
Tento plugin si klade za cíl přinést ovládání verzí do Sketch. Funguje to tak, že exportujete obrázek pro každou část designu a poté vygenerujete pěkné rozdíly, takže je jasné, jaké změny byly provedeny. Díky dokumentaci každého kroku procesu návrhu mohou všichni členové týmu vidět, jak design pokročil.
Git Sketch Plugin vytvořil Mathieu Dutour, který se mezitím přesunul k vytvoření komplexnějšího placeného systému pro správu verzí s názvem Kactus.
06. ImageOptim
- Stáhnout zde
- Cena: Volný, uvolnit
- Souhrn: Optimalizace obrazu v aplikaci Sketch
Zatímco Sketch nabízí vlastní řešení pro optimalizaci souborů SVG, neexistuje žádná řada možností pro kompresi obrázků JPG a PNG. Vzhledem k tomu, že ImageOptim nabízí solidní službu již řadu let, má smysl, že by tuto funkci přinesl do aplikace Sketch.
Každý návrhář, který se stará o časy načítání a optimalizaci obrázků (což by měli být všichni návrháři), by měl přidat ImageOptim do své sady nástrojů. Všimněte si, že kromě pluginu budete potřebovat základní aplikaci ImageOptim (zdarma) nainstalovanou ve vašem systému macOS a stále musíte označit vrstvy jako exportovatelné v aplikaci Sketch (přejděte do části Exportovat a optimalizovat všechna aktiva).
07. Magické zrcadlo
- Stáhnout zde
- Cena: Od 4 $ / měsíc
- Souhrn: Nástroj pro transformaci perspektivy obrazu
Pokud se snažíte vytvořit působivé makety produktů, ale stále musíte skákat do Photoshopu, abyste se vypořádali s obtížnými věcmi, Magic Mirror by vám mohl zachránit život. Jedná se o nástroj pro transformaci perspektivy obrazu, který vám umožňuje vytvářet makety perspektiv a další zkreslené efekty, aniž byste opustili Skicu.
08. Export více
- Stáhnout zde
- Cena: Volný, uvolnit
- Souhrn: Automaticky generuje zástupné obrázky
Přidání zástupných obrázků do návrhu je nezbytnou součástí prototypování, ale nalezení skutečných obrázků může být bolest. Takže raději než ztrácet čas tím, nech to všechno na Day Player. To vám umožní přidat přizpůsobené zástupné obrázky do libovolného dokumentu Sketch z řady různých služeb zástupných obrázků, takže největší rozhodnutí, které musíte udělat, bude, zda chcete použít Billa Murraye, Nicolase Cagea nebo koťata.
11. Marketch
- Stáhnout zde
- Cena: Volný, uvolnit
- Souhrn: Generujte html stránku, která dokáže měřit a získávat styly CSS
Pokud chcete načíst styly CSS ze svých návrhů Sketch, pak je naprosto nezbytný plugin jako Marketch. Umožňuje vám exportovat kreslicí plátna Sketch jako soubor zip plný dokumentů HTML, které pak můžete extrahovat, abyste mohli vytáhnout spoustu sladkých CSS, připravených k použití.
12. Segmentované kruhy
- Stáhnout zde
- Cena: Volný, uvolnit
- Souhrn: Vytvořte přesnou kruhovou grafiku
Zde je rychlý způsob, jak vytvořit segmentované kruhy pro grafy a diagramy. Tento plugin může vytvářet různé styly kruhového diagramu, včetně přerušovaných kruhů a kruhů se zaškrtnutím, a tloušťky se ovládají pomocí jednoduchého seznamu hodnot oddělených čárkami.
13. Skica Runner
- Stáhnout zde
- Cena: Volný, uvolnit
- Souhrn: Reflektor pro vyhledávání
Sketch je velmi oblíbený pro svůj minimalistický pracovní postup s klávesnicí. Jak již bylo řečeno, vždy existují dvě nebo tři klávesové zkratky, které vždy zapomenete nebo zaměňujete s jinou designovou aplikací, jako je Photoshop - a nezapomeňme na ty méně běžné nástroje a funkce, které nemají klávesovou zkratku a jsou skryty hluboko v Nabídka náčrtu.
Sketch Runner řeší tyto problémy a dělá to způsobem, který uživatelé macOS znají - Sketch Runner je macOS Spotlight, ale pro Sketch.
14. Písmo ikony
- Stáhnout zde
- Cena: Volný, uvolnit
- Souhrn: Správa ikonových písem
Ikonová písma představují vysoce efektivní způsob použití ikon ve vašich webových designech, aniž byste museli exportovat a optimalizovat spoustu obrazových dat. Typicky odkazujeme na ikonová písma v souboru hlava> sekce webových stránek HTML, stejně jako u CSS a JavaScript. Jejich použití v aplikaci Sketch je však trochu komplikovanější. Icon Font to naštěstí usnadňuje.
Po stažení a instalaci aplikace Sketch IconFont si stáhněte soubory písem SVG nebo stáhněte tento balíček písem, který obsahuje soubory písem pro FontAwesome, ikony Material Design, Ion Icons a Simple Line Icons. Až budete hotovi, přejděte do Plugins> Icon Font> Install a Font-Bundle, vyberte stažená písma z dialogového okna Open File, poté přejděte do Plugins> Icon Font> Grid Insert> [your desired icon font] to order to insert ikona.
Dokonce i když máte v úmyslu navrhnout vlastní sadu ikon pro svůj design, připravené ikony, které máte k dispozici, vám mohou pomoci s rychlými prototypy v raných fázích návrhu, což vašim maketám s nízkou věrností dodá trochu větší jasnost .
15. Najděte a vyměňte
- Stáhnout zde
- Cena: Volný, uvolnit
- Souhrn: Najít a nahradit text ve vybraných vrstvách
Textové editory nejsou jediným místem, které potřebujete najít a nahradit - užitečné je také v aplikaci Sketch. Tento plugin má spoustu pokročilých možností a umožňuje vám vyhledávat instance konkrétních slov nebo frází v textu ve vybraných vrstvách (a vše, co je v nich obsaženo) a poté je snadno nahradit.
Další stránka: Časově úspornější doplňky Sketch
