Задать вопрос
aheleha
@aheleha
Веб-дизайнер
html

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

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

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

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

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

c2a2ff393569438b87b3cc33363a769c.png

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

4dcd09ba704b430aa4aba7561a2499c8.png
Ответ написан
Комментировать
Комментировать
@Zbiten
Для Photoshop таких плагинов не встречал. Посоветую avocode, либо extract для brackets
Ответ написан
Комментировать
Комментировать
Goodgroove
@Goodgroove
Графический дизайнер
А чем Sketch Measure от Marketch отличается? Может кто сравнивал.
Ответ написан
1 комментарий
1 комментарий
muaythai075
@muaythai075
Дизайнер
Поставь себе плагин Zeplin и будет счастье. Можно сразу несколько артбордов экспортировать туда и сразу поделиться ссылкой с верстальщиком.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Пройти верификацию по лицу используя нейросеть, вебкамеру и эмулятор
25 апр. 2024, в 20:34
350000 руб./за проект
Доработка Django приложения и исправление ошибок конфигурации
25 апр. 2024, в 20:14
1000 руб./за проект
Завершение разработки проекта на CS2
25 апр. 2024, в 20:02
100000 руб./за проект
Ещё заказы