Sketchode или как наладить жизнь дизайнеру и разработчику

Sketchode – это плагин программы Sketch, задача которого— дать разработчику все необходимые данные о дизайн-макете без возможности редактирования готового проекта.

Данная утилита восстанавливает в своем графическом интерфейсе созданный в Sketch дизайн-проект приложения, сайта или игры и предоставляет разработчику визуальный доступ к информации об элементах дизайна (размерах объектов и их взаимном расположении, шрифте и цвете), сохраняя первоначальное качество. При этом разработчик лишен возможности внести изменения в конечный макет. Сделать это позволяет экспорт в Mac-приложение Sketchode Extension-файла – сложносоставного объекта, который служит непосредственно для передачи информации о дизайн-проекте Sketch. Разработчик может разбирать макет на слои, рассматривать каждый отдельно и регулировать видимость теней, а также получает возможность задавать размер и положение элемента слоя непосредственно при сохранении, а также получать информацию о размерах и расположении того или иного объекта,

Проект интегрирован с системой Jira, и дает возможность связывать ее учетные записи со Sketch и Sketchode, что позволяет дизайнеру и разработчику быстро обмениваться материалами, добавляя их непосредственно в задачи.

Плагин обеспечивает защиту от копирования при обмене данными ввиду автономной офлайн работы и независимости от «облачных» сервисов. Программа адаптирована под Mac-среду и полностью повторяет привычный для Mac-юзера функционал: оптимизирована работа с hotkey (горячие клавиши), touch-pad и magic mouse.

Sketchode призван не только упростить верстку и портирование приложений на финальной стадии разработки, но и максимально упростить проект-менеджмент.

Как работает плагин Sketchode?

Шрифты, цвета, прозрачность
Шрифты, цвета, прозрачность
Размер и позиция
Тени, видимость, экспорт
Размер и позиция
Размер и позиция

Как установить:

  1. Скачать с сайта:  http://sketchode.com/
  2. Скачать из Mac App Store
Похожие записи

Полное руководство по дизайну 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