Какой есть плагин для экспорта макета из Photoshop в html, в котором можно посмотреть расстояния, цвета, размеры элементов веб-страницы?

Question

[Алексей]

На Маках есть такой крутой плагин для Скетча, который позволяет экспортнуть макет в html, и не просто экспортнуть в этом html-файле генерится интерфейс благодаря которому можно просматривать все необходимые данные для верстки.
Sketch Measure называется.
Прикрепил скрин:


Можно смотреть расстояния между элементами, цвета, размеры, все данные по шрифтам и даже выдаются css-стили. Причем этот плагин бесплатный.

Есть ли альтернатива этому плагину на винде?

Answer 1

[Алексей Сегодин]

Есть родной инструмент от Adobe, называется Extract. Показывает всё. Даже группирует все использованные в макете цвета и стили шрифтов.
Вот, поиграйте c реальным примером: adobe.ly/2dBhS54 — слева вверху нужно перейти на вкладку Extract.

Работает очень просто:

1. делаете макет в PSD
   
2. заливаете макет на сервер Creative Cloud
   
3. идете на assets.adobe.com и ваш PSD будет лежать там
   
4. ну и просто кликнув по нему попадете в вышеуказанный интерфейс с Extract-ом.
   

Также в Дримвивере есть собственный встроенный Extract. Нажимаете Ctrl + K и скармливаете ему ваш PSD макет. Выглядит так:

Answer 2

[Zbiten]

Для Photoshop таких плагинов не встречал. Посоветую avocode, либо extract для brackets

Answer 3

[Good Groove]

А чем Sketch Measure от Marketch отличается? Может кто сравнивал.

Comments

[Алексей]

Потыкал их демо tudou527.github.io/marketch
Если сравнивать с моим скрином в вопросе и их демо. Правая колонка отличается содержимым. Если у Sketch Measure помимо CSS-стилей показаны отдельные поля со значениями, то у Marketch их нет. Мне кажется мобильному разрабу не очень удобно будет из цсс-стилей дергать такую инфу

Answer 4

[Арман М]

Поставь себе плагин Zeplin и будет счастье. Можно сразу несколько артбордов экспортировать туда и сразу поделиться ссылкой с верстальщиком.