Съдържание
- 01. Ръководства за копиране и поставяне
- 02. Почистващ препарат за скици
- 03. Анима
- 04. React Sketch.app
- 05. Приставка за Git Sketch
- 06. ImageOptim
- 07. Вълшебно огледало
- 08. Експортирайте повече
- 11. Маркетч
- 12. Сегментирани кръгове
- 13. Sketch Runner
- 14. Шрифт на иконата
- 15. Намерете и заменете
Приставките за Sketch помагат да направим Sketch още по-добър. Sketch е инструментът за уеб дизайн за потребителски интерфейс, избран за мнозина, и част от това, което прави е толкова добро, е общността от хора, работещи за разширяване на неговата функционалност и функции чрез изграждане на персонализирани плъгини.
Управлението на вашите приставки на Sketch вече е по-лесно от всякога. Приставките се актуализират автоматично, а остарелите се деактивират. Прави екосистемата на приставките още по-полезна е Sketch Cloud, услуга за споделяне на файлове, за която всеки може да се регистрира, където можете да преглеждате, изтегляте и коментирате документи на Sketch, които са били споделени публично или частно направо от Sketch.
Така че нека да разгледаме най-добрите приставки на Sketch - тези, които могат драстично да променят начина, по който проектирате потребителски интерфейси. След като забележите такъв, който искате, прочетете как да инсталирате приставките на Sketch. Ако обичате вашите уеб инструменти, не пропускайте любимите ни инструменти за уеб дизайн, конструктор на уеб сайтове и облачни съхранение. И не забравяйте, че вашият избор на доставчик на уеб хостинг е от решаващо значение за успеха на вашия сайт (нашето ръководство ще помогне).
01. Ръководства за копиране и поставяне
- Изтеглете тук
- Цена: Безплатно
- Резюме: Копирайте, поставете или премахнете водачите от своите монтажни плотове
Всеки дизайнер има връзка любов / омраза с водачи. Понякога те са абсолютно необходими, а през останалото време просто ви пречат. Ако използвате водачи вместо опцията за оформление на Sketch, промяната им за множество монтажни плотове може да бъде кошмар, но с тази приставка е лесно да копирате, поставяте и премахвате водачи от всичките си монтажни плотове.
02. Почистващ препарат за скици
- Изтеглете тук
- Цена: $2
- Резюме: Вземете вашите дизайнерски файлове чисти като свирка
Всеки дизайн на Sketch, който е преминал през няколко итерации, е длъжен да събере малко боклуци по пътя, като скрити слоеве, непостоянни позиции на граници и неизползвани стилове на слоеве.
Макар че не е краят на света, за да има разхвърлян файл на Скица, това може да повлияе на предаването и ще улесни живота на всеки, който трябва да го осмисли по линия. Вместо да преглеждате всичко на ръка, използвайте Sketch Cleaner, за да се справите автоматично с всички често срещани проблеми.
03. Анима
- Изтеглете тук
- Цена: Освободете нагоре
- Резюме: Създайте отзивчиви прототипи с висока точност
Преди това се предлагаше като отделни безплатни плъгини - Auto Layout и Launchpad - Anima вече е всичко-в-едно плъгин, предназначен да ви помогне да създавате отзивчиви оформления с щифтове, стекове и подложки и прототипи с висока точност, които отговарят на всички екрани. Все още има безплатна версия, която поддържа един проект; за неограничени проекти ценообразуването започва от $ 25 на месец.
04. React Sketch.app
- Изтеглете тук
- Цена: Безплатно
- Резюме: Предайте React компоненти в Sketch
Управлението на дизайнерските активи в Sketch може да бъде трудно. Този удобен плъгин за Sketch предоставя по-лесен и по-надежден начин за управление на вашите активи. Внедрете вашите проекти в код като React компоненти, след което използвайте този плъгин, за да ги изобразите в скица. Това също улеснява извличането и внедряването на реални данни във вашите Sketch файлове.
React Sketch.app е разработен от Airbnb за използване с неговата система за дизайн, с цел да помогне за преодоляване на пропастта между дизайнери и разработчици.
05. Приставка за Git Sketch
- Изтеглете тук
- Цена: Безплатно
- Резюме: Клиент на Git, вграден в Sketch
Този плъгин има за цел да внесе контрол върху версиите в Sketch. Той работи, като експортира изображение за всяка част от дизайна, след което генерира доста разлики, така че е ясно какви промени са направени. Документирайки всяка стъпка от процеса на проектиране, всеки от екипа може да види как е напредвал дизайнът.
Приставката Git Sketch е създадена от Mathieu Dutour, който оттогава премина към създаването на по-изчерпателна, платена система за контрол на версиите, наречена Kactus.
06. ImageOptim
- Изтеглете тук
- Цена: Безплатно
- Резюме: Оптимизация на изображението в Sketch
Докато Sketch предлага собствено решение за оптимизиране на SVG файлове, няма набор от опции за компресиране на JPG и PNG изображения. Тъй като ImageOptim предлага солидна услуга от няколко години, има смисъл, че ще внесе тази функционалност в Sketch.
Всеки дизайнер, който се интересува от времето за зареждане и оптимизацията на изображението (което трябва да бъде на всички дизайнери), трябва да добави ImageOptim към своята кутия с инструменти. Имайте предвид, че както и приставката, ще се нуждаете и от основното приложение ImageOptim (безплатно), инсталирано на вашата система macOS, и все още трябва да маркирате слоевете като експортируеми в Sketch (отидете до „Експортиране и оптимизиране на всички активи“, за да започнете).
07. Вълшебно огледало
- Изтеглете тук
- Цена: От $ 4 / mo
- Резюме: Инструмент за преобразуване на перспектива на изображението
Ако се опитвате да правите впечатляващи макети на продукти, но трябва да продължите да скачате във Photoshop, за да се справите с сложните неща, Magic Mirror може да ви спаси живота. Това е инструмент за преобразуване на перспектива на изображението, който ви позволява да създавате макети на перспектива и други изкривени ефекти, без никога да напускате Sketch.
08. Експортирайте повече
- Изтеглете тук
- Цена: Безплатно
- Резюме: Автоматично генерира запазени изображения
Добавянето на изображения на заместващи елементи към дизайна е необходима част от прототипирането, но намирането на действителните изображения може да бъде мъка. Така че вместо да губите време за това, оставете всичко на Day Player. Това ви позволява да добавяте персонализирани резервни изображения към всеки документ на Скица, от редица различни услуги за изображения на резервни части, така че най-голямото решение, което ще трябва да вземете, ще бъде дали искате да използвате Бил Мъри, Николас Кейдж или котенца.
11. Маркетч
- Изтеглете тук
- Цена: Безплатно
- Резюме: Генерирайте HTML страница, която може да измерва и да получава CSS стилове
Ако искате да извлечете CSS стилове от вашите дизайни на Sketch, тогава плъгин като Marketch е абсолютно необходим. Тя ви позволява да експортирате своите монтажни дъски на Sketch като zip файл, пълен с HTML документи, които след това можете да извлечете, за да извадите много сладки CSS, готови за работа.
12. Сегментирани кръгове
- Изтеглете тук
- Цена: Безплатно
- Резюме: Създавайте прецизни кръгови графики
Ето бърз начин да направите сегментирани кръгове за диаграми и диаграми. Този плъгин може да създава различни стилове на кръгова диаграма, включително пунктирани и маркирани кръгове, а дебелините се контролират чрез прост списък със стойности, разделени със запетая.
13. Sketch Runner
- Изтеглете тук
- Цена: Безплатно
- Резюме: Прожектор за търсене
Sketch е много обичан заради минималистичния си работен процес на клавиатурата. Като се има предвид това, винаги има две или три клавишни комбинации, които винаги изглежда забравяте или бъркате с друго дизайнерско приложение като Photoshop - и нека не забравяме онези по-рядко срещани инструменти и функции, които нямат клавишна комбинация и са скрити дълбоко в Меню за скици.
Sketch Runner решава тези проблеми и го прави по начин, с който потребителите на macOS са запознати - Sketch Runner е macOS Spotlight, но за Sketch.
14. Шрифт на иконата
- Изтеглете тук
- Цена: Безплатно
- Резюме: Управление на шрифтовете на иконите
Шрифтовете на икони са високоефективен начин за използване на икони във вашия уеб дизайн, без да се налага да експортирате и оптимизирате тон изображения. Обикновено се позоваваме на шрифтове на икони в глава> раздел на HTML уеб страници, както правим с CSS и JavaScript. Използването им в Sketch обаче е малко по-сложно. За щастие, Icon Font го улеснява.
След като изтеглите и инсталирате Sketch IconFont, изтеглете SVG шрифтови файлове или изтеглете този пакет от шрифтове, който включва файловете на шрифтовете за FontAwesome, икони за материален дизайн, ионни икони и прости икони на линии. Когато сте готови, отидете на Plugins> Font Icon> Install a Font-Bundle, изберете изтеглените шрифтове от диалоговия прозорец Open File, след това отидете до Plugins> Font Icon> Grid Insert> [вашия желан шрифт на икона], за да вмъкнете икона.
Дори ако възнамерявате да проектирате персонализиран набор от икони за вашия дизайн, наличието на готови икони може да ви помогне с бързо прототипиране в ранните етапи на дизайна, добавяйки малко повече яснота / вярност към вашите макети с ниска точност. .
15. Намерете и заменете
- Изтеглете тук
- Цена: Безплатно
- Резюме: Намерете и заменете текста в избрани слоеве
Текстовите редактори не са единственото място, където трябва да намерите и замените - това е полезно и в Sketch. Този плъгин има много разширени опции и ви позволява да търсите копия на определени думи или фрази в текста в избрани слоеве (и всичко, което се съдържа в тях), след което да го замените лесно.
Следваща страница: Повече спестяващи време приставки за Sketch
