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

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

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

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

Превью Marketch

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

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

Демо

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

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

  • Выберите страницы и артборды в верхнем левом углу
  • Выделите элемент для просмотра его местоположения и CSS-стили на правой стороне страницы
  • Выделите элементы и наведите курсором, чтобы увидеть отступы между ними
Свежие вакансии
                        GermanLanguage.ph LLC GermanLanguage.ph LLC German Language School – Product Designer (UX/UI) Удаленно Ереван
                        Региональная Академия делового образования Региональная Академия делового образования Технический дизайнер Удаленно Самарская область
                        BR LAb BR LAb UX/ UI web-designer Удаленно Москва 80 000 - 120 000 ₽
                        Rightapplications Rightapplications UX дизайнер Офис Харьков
                        Emlid Emlid UX/UI Designer Офис Санкт-Петербург
Все вакансии

Если вы нашли ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

1
  1. А кто-нибудь подскажет, как быть с символами? – они после экспорта на генерируемой плагином странице не инспектируются. Извлекать все элементы из символа перед экспортом? Но потом, если что-то надо изменить в макете, придется выполнять дурную работу. Как быть?

Добавить комментарий
Похожие записи

Прощай Sketch…

Часто возникает вопрос: «Какой инструмент дизайна лучший?» И долгое время ответом был Sketch, но теперь это не так.

Что ждет Sketch в 2020 году?

2019 год был одним из самых важных в истории Sketch – от объявления первого раунда привлечения инвестиций до запуска публичной бета-версии Sketch for Teams

10 важных и полезных плагинов для Sketch

Мы решили поделиться несколькими плагинами, которые помогут вам в вашей повседневной работе так же, как они помогают нам