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. И да здравствует плейсхолдерный текст обо всем, что есть в вашем дизайне. Заголовки, текст статей, даты и т.д… Вы можете даже добавить дополнительное действие в опцию добавления текста. Хотите, чтобы заголовки в блоге отображали все фильмы с Биллом Мюрреем? Не вопрос!

Горячая клавиша для быстрого перехода по текстовым фрагментам будет очень кстати в следующем обновлении.

Работа с текстом в Craft

Фото

Импортируйте снимки из Dropbox, приватной папки или веб сайтов, прямо в ваш дизайн.

В Craft вы можете легко добавлять изображения в с дизайн Sketch. Craft предоставляет множество опций на выбор. Мой личный любимчик — возможность вставлять рандомные изображения из Unsplash. Но вы также можете довольно легко брать картинки из собственной папки на Dropbox, или даже из веба. Например, в прошлом я использовал картинки из UIFaces для аватарок.

Примечание: Сейчас изображения, взятые из опции Web в Craft, не будут меняться при использовании функции Duplicate, дублируется одно и то же изображение, а не заменяется как при использовании Unsplash. Но я уверен, это дело времени, в будущих обновлениях это будет исправлено.

Вставляем фотографии с помощью Craft

Вставка фотографии с любого сайта - Craft

Duplicate

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

Duplicate Craft

Styles

Возможность генерировать красивые руководства по стилю одним нажатием клавиши. Эксклюзивно для Sketch!

Я впечатлен работой InVision LABS и тем, что привнес в мою работу Craft. Нужно добавить всего несколько штришков. Нужно больше горячих клавиш, несколько улучшений в интерфейсе, чтобы он выглядел 100% родным в Sketch.

Отдельные плагины, вышедшие перед Крафт, отлично выполняли свою работу, но располагать всеми этими возможностями в одном инструменте — это настоящая мечта. С Craft и грядущим выходом Silver http://silverflows.com, маленький соперник от Adobe под названием Comet должен быть начеку!