Плагин для просмотр дизайна Sketch в браузере
Наш канал в

Плагин Sketch Preview in browser для просмотра вашего дизайна в окне браузера

Для чего данный плагин?

  1. Просмотр вашей рабочей области дизайна интерфейса в браузере со скролом страницы. Отличается от веб просмотра в Sketch Mirror.
  2. Ваш дизайн будет расположен по центру браузера. Цвет бекграунда на пустых местах будет таким же, как и цвет фона вашей рабочей области.
  3. Ваша рабочая область будет автоматически отображаться в х2 размере для Retina дисплеев (в случае, если ваш дизайн создан в х1)

Как использовать плагин?

  1. Скачайте плагин
  2. Двойной клик на Preview in Browser.sketchplugin
  3. Кликните на рабочую область, которую необходимо отобразить в браузере.
  4. С помощью сочетания клавиш Cmd+Shift+. откройте рабочую область (необходимо открывать заново после внесенных изменений).

Изменения

21 июня: Исправлено дублирование рабочей области в документе при просмотре.

22 июня: Временный фикс для возможности работы с плагином InVision Craft.

Скачать плагин

Страница плагина

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

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

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

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