Craft — дизайн с реальными данными в реальном времени

Дизайн экранов с использованием реальных данных в реальном времени с помощью Craft — бесплатного набора инструментов для Sketch и Photoshop — для реализации различных задач будущего по UI-дизайну.

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

Craft состоит из 3 плагинов: Type, Photos и Duplicate, доступен прямо внутри Sketch и Photoshop после установки.

Type

Автоматически наполняет дизайн из готовой базы данных имен, адресов, стран, городов, почтовых индексов и прочего. Или же использует данные из веб-страницы или ваших приватных файлов в Type. Контекстно релевантный контент позволяет вам принимать лучшие решения при построении интерфейса и ускоряет сам рабочий процесс.

Photos

Добавляет в ваш дизайн фото прямо из памяти вашего компьютера, аккаунту Dropbox или Unsplash в один клик. Больше никаких метаний с alt-tab-ами между браузером и дизайн-приложением – все у вас под рукой, и можно с легкостью вставлять идеальные по размеру и дизайну изображения.

Duplicate

С помощью Duplicate вы можете легко копировать любой элемент дизайна с точностью pixel-perfect, вертикально или горизонтально, столько раз, сколько нужно, с такими отступами, какими нужно. Раз, и готово!

Все вместе, эти инструменты дают вам гораздо более высокую скорость создания дизайна, нужный контекст и точность.

Продублируйте элемент интерфейса, добавьте фото, и задайте имя каждому элементу в считанные секунды.

Craft – это продукт LABS, придуманный для создания дизайн-инструментов будущего. Так что вскоре на свет появятся и другие интересные новинки. Будем следить за обновлениями!

Подпишитесь на рассылку

Раз в неделю мы будем присылать на почту дайджест с лучшими материалами

Похожие записи

Полное руководство по дизайну iOS 9 в Sketch

iOS сильно выросла в течение последних лет. С ее iOS 9 апгрейдом, Apple представил новый системный шрифт под названием San Francisco, 3D Touch и многозадачность на iPad. В Xcode вы найдете Stack Views, фантастический инструмент для более адаптивных макетов, гораздо проще Auto Layout.

Самое подробное руководство по дизайну в Sketch

Работая со Sketch последние три года, я освоил ряд ключевых техник, которые значительно улучшили мой рабочий процесс. Так как я, помимо рисования, также обожаю прототипировать и кодить, мне нужен инструмент для быстрого выполнения дизайн-проектов и легкой генерации исходников. Sketch вместе с его плагинами и другие инструменты для прототипирования полностью справляются с этой задачей. Часть 1 Часть 3 Часть 4

Серия уроков Sketch (часть1 из 5): Настройка Sketch

Первое что нам следует изучить, это настройка Sketch. Если вы только начали создавать дизайны для веб и являетесь новичком в Sketch или Photoshop, или вы просто разработчик, желающий включить UI-дизайн в свой репертуар, эти простые уроки по настройке идеально подойдут для быстрого ознакомления с работой Sketch. Часть 2 Часть 3 Часть 4 Часть 5