UXPUB 🇺🇦 Дизайн-спільнота

Cover image for Sketch Craft: союз, созданный на цифровых небесах
Редакція
Редакція

Опубліковано • Оновлено

Sketch Craft: союз, созданный на цифровых небесах

Sketch недавно обзавелся новым лучшим другом, имя которого Craft* *Продукт создан талантливыми парнями из InVision Lab. В прошлом я был ярым поклонником парочки плагинов Sketch, которые сэкономили мне уйму времени при работе с живыми данными - Content Generator и Unsplash It. Эти два плагина значительно облегчали труд огромного количество дизайнеров, которым нужно было вставить текст или картинки в их дизайны внутри Sketch. Но с Craft все эти возможности собраны в маленький, аккуратный и быстрый инструмент. Я сделаю быстрый обзор этого потрясающего инструмента...

Скачайте Craft

Сначала перейдите на http://labs.invisionapp.com/craft и скачайте копию Craft. Установите его и дайте волю реальным данным! Скачайте Craft Вернитесь в Sketch, вы увидите новую панель возле панели инспектора, а также новый пункт в панели меню. Панель Craft в Sketch

Примечание: Выпадающее меню, похоже, еще не имеет опцию Type, оно ограничено другими опциями. Пока что используйте панель. Я уверен, что недостающие опции появятся в ближайшем обновлении.

Горячие клавиши для фото

  • Вставить фото из папки Shift + Ctrl + 1
  • Вставить фото из Dropbox Shift + Ctrl + 2
  • Вставить (рандомно) фото из Unsplash Shift + Ctrl + 3

Примечание: для папки и Dropbox вам, конечно же, придется указать папку из главной панели перед началом использования этих горячих кнопок.

Я создал простой экран News Feed для iPhone 6, который можно скачать здесь, и попробовать Craft в деле. Теперь пройдемся по крутым возможностям Craft...

Текст

Прощай, Lorum Ipsum. И да здравствует плейсхолдерный текст обо всем, что есть в вашем дизайне. Заголовки, текст статей, даты и т.д… Вы можете даже добавить дополнительное действие в опцию добавления текста. Хотите, чтобы заголовки в блоге отображали все фильмы с Биллом Мюрреем? Не вопрос! Горячая клавиша для быстрого перехода по текстовым фрагментам будет очень кстати в следующем обновлении.

Фото

Импортируйте снимки из Dropbox, приватной папки или веб сайтов, прямо в ваш дизайн. В Craft вы можете легко добавлять изображения в с дизайн Sketch. Craft предоставляет множество опций на выбор. Мой личный любимчик - возможность вставлять рандомные изображения из Unsplash. Но вы также можете довольно легко брать картинки из собственной папки на Dropbox, или даже из веба. Например, в прошлом я использовал картинки из UIFaces для аватарок. Примечание: Сейчас изображения, взятые из опции Web в Craft, не будут меняться при использовании функции Duplicate, дублируется одно и то же изображение, а не заменяется как при использовании Unsplash. Но я уверен, это дело времени, в будущих обновлениях это будет исправлено.

Duplicate

А это еще одна действительно удобная опция для экономии времени. Я использовал в прошлом инструмент Grid (сетка), чтобы сделать дубликаты элемента нужное количество раз, предусмотреть нужные расстояния и т.д. или просто Alt + Drag. Опция Duplicate в Craft делает все вышеперечисленное, но автоматически заменяет изображения и текст теми, которые вы только что сделали. Не нужно вручную заменять картинки и текст.

Styles

Возможность генерировать красивые руководства по стилю одним нажатием клавиши. Эксклюзивно для Sketch! https://vimeo.com/158273059 Я впечатлен работой InVision LABS и тем, что привнес в мою работу Craft. Нужно добавить всего несколько штришков. Нужно больше горячих клавиш, несколько улучшений в интерфейсе, чтобы он выглядел 100% родным в Sketch. Отдельные плагины, вышедшие перед Крафт, отлично выполняли свою работу, но располагать всеми этими возможностями в одном инструменте - это настоящая мечта. С Craft и грядущим выходом Silver http://silverflows.com, маленький соперник от Adobe под названием Comet должен быть начеку!


Перевод статьи Marc Andrew

Топ коментарі (0)