10 zásuvných modulů pro skici pro webové vývojáře

Skica získává spoustu trakcí mezi webovými designéry a vývojáři. To je pravděpodobně proto, že je intuitivní, snadno se učí a přichází s mnoha funkcemi, díky kterým je mnohem snazší vytvořit prototyp webové stránky. To může být také proto, že tato aplikace je rozšiřitelná, tj. Můžete přidat nové funkce do aplikace snadno pomocí pluginů.

Zde je 10 pluginů, které vám pomohou zvýšit produktivitu při práci se skici. Existují různé, od generátorů obsahu, s volitelnou paletou barev, které vám mohou pomoci zobrazit měření vrstev nebo automaticky přidat výplň do vrstvy..

1. CSS Buddy

CSS Buddy umožňuje přidat CSS do vrstvy v pracovním prostoru Skica. V podstatě můžete použít vrstvu, výšku, krytí, box-shadow, ohraničení a pozadí vrstvy pomocí CSS.

S tímto nainstalovaným pluginem stačí vybrat vrstvu a vybrat Použít na Vybrané z menu pluginu. Dialog vás vyzve k zadání šablony stylů. Přidejte obsah CSS bez třídy CSS a sledujte, jak se vaše vrstva tvaruje.

2. Materiál Designová paleta barev

Pokud budete sledovat trend materiálu Design, prominentní věc, kterou si všimnete, je použití výrazných barev. Materiál Design má úžasnou paletu barev. Nyní si to můžete přivést do svého pracovního prostoru Materiál Design Barevný Paletový Plugin.

Tento plugin vygeneruje palety barev během několika sekund, aniž byste museli zavřít pracovní prostor. Zvolte Hue, Value nebo Swatch a vytvořte paletu barev, která je vhodná pro váš projekt.

3. Skica Poznámkový blok

Někdy musíme ukázat, co děláme v komentáři nebo v dokumentaci. Pokud pracujete na projektech s jinými designéry nebo s účastí klienta, je to také nezbytné, abyste mohli zajistit, že cílem je to, co všichni chtěli..

Skica Poznámkový blok je plugin pro dokumentaci vašeho návrhu v aplikaci Sketch s lehkostí. Přidá do pracovního prostoru další postranní panel, který obsahuje komentáře, které přidáte k libovolnému prvku ve svém návrhu. Viditelnost komentářů, přeuspořádání, mazání a přepínání komentářů můžete změnit.

4. Denní hráč

Před použitím skutečných obrazů v návrhu často používáme zástupné obrazy, které urychlují proces návrhu. Pro Skica můžete použít Denní hráč přidávání přizpůsobených zástupných symbolů do libovolné vrstvy ve vašem pracovním prostoru Sketch ze 6 obrazových služeb zástupných symbolů včetně Placehold.it, LoremPixel a Unsplash. Po aktivaci můžete nastavit šířku, výšku a další informace.

5. Generátor obsahu

Již máme plugin pro vkládání zástupných obrazů, jak je to pro obecný obsah? Generátor obsahu vám pomůže přidat fiktivní data, jako jsou avatary, jména, data o geografické poloze a další. Funguje skvěle pro návrhy maket a pro snížení bolesti hlavy z pokusu zjistit, jak generovat data na místě.

Chcete-li přidat fiktivní data, stačí vybrat vrstvu a vybrat Plugin> Generátor, a vyberte Geo, Persona nebo Fotky.

6. Měření náčrtu

Náčrt opatření je nástroj pro měření skici. Měří délku nebo velikost vrstvy (nebo vrstev) ve vašem návrhu. Dostanete také polstrování a okraj vrstvy, stejně jako vzdálenost mezi dvěma vrstvami. Měření náčrtu může také tisknout vlastnosti vrstvy, například barvu, ohraničení a neprůhlednost. Všechna měření lze vyvolat pomocí klávesových zkratek.

7. Dynamické tlačítko

Dynamické tlačítko pomáhá snadno vytvořit tlačítko s pevným polstrováním. Automaticky upraví polstrování na základě hodnoty, kterou zadáte, bez ohledu na délku textu. S nainstalovaným pluginem lze text převést na strukturu pomocí klávesové zkratky Command + J. Množství požadovaného polstrování pak může být děrováno do textové vrstvy (0: 0: 0: 0) (pod skupinou tlačítek flex).

8. Typografická stupnice

Typografická stupnice je plugin pro změnu vybrané textové vrstvy na typografické měřítko. Chcete-li použít tento plugin, vyberte pouze textovou vrstvu (jednu nebo více) nebo smíšenou vrstvu, která obsahuje alespoň jednu textovou vrstvu, a vyberte možnost Plugin> Typografická stupnice a upravte hodnotu v dialogu. Výsledkem je sada zmenšeného textu, která se řídí pravidly typografického měřítka.

9. Modulizátor

S Modulizátor můžete ovládat výplně pro tlačítko, modul nebo oblasti v návrhu pomocí klávesové zkratky Shift + Command + M. Můžete kombinovat všechny své vrstvy, seskupit a pak použít zkratku pro automatické nastavení výplně na základě požadované hodnoty čalounění . Podívejte se na ukázku videa a podívejte se na tuto akci.

10. Čepel

Přemýšleli jste někdy o konverzi svého návrhu ze skici na HTML? Pokud ano, měli byste se dostat Čepel, Sketch plugin, který automaticky generuje HTML soubory z vašeho návrhu. Převede skupinu na div, text do str a tak dále.

Když používáte Blade, můžete povědět zásuvce, jaký prvek DOM má generovat, přidáním speciálního jména do vrstvy, například [btn] nebo vstupu [text], takže Blade ví, co má dělat. Podívejte se na toto video demo pro vnitřní vzhled.

Nyní si přečtěte: 12 Užitečné pluginy pro vývojáře WordPress