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

Marketch – это плагин для Sketch 3, который автоматически генерирует html-страницу, по которой можно сделать замеры отступов и посмотреть используемые CSS-стили.
Плагин предназначен для Sketch 3.2.2 и не работает без использования артбордов.

Это легендарный плагин, который позволяет в быстром режиме передать свои макеты верстальщику или разработчику мобильных приложений. Генерируемая страница очень удобна для замеров размеров блоков, отступов и копирования css кода. Также, плагин позволяет экспортировать картинки с исходников в любом размере и формате. Огромное количество дизайнеров и разработчиков используют этот плагин в повседневной работе над проектами.

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

 

Превью Marketch

Плагин Marketch для замеров отступов и копирования CSS-стилей макета

 

Плагин Marketch для замеров отступов и копирования CSS-стилей макета

 

Демо

http://tudou527.github.io/marketch/

Использование плагина

  • Выберите страницы и артборды в верхнем левом углу
  • Выделите элемент для просмотра его местоположения и CSS-стили на правой стороне страницы
  • Выделите элементы и наведите курсором, чтобы увидеть отступы между ними

 

[dt_button size=”big” style=”default” animation=”none” color_mode=”default” icon=”” icon_align=”left” color=”” link=”https://github.com/tudou527/marketch/archive/master.zip” target_blank=”true”]Скачатиь плагин Marketch[/dt_button]

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

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

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

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