Какой есть инструмент прототипирования сайтов с поддержкой экспорта эскиза в PSD?

Question

[newbee007]

Есть какой-то инструмент для эффективного создания прототипа сайта, аналог Balsamiq с поддержкой экспорта в PSD?

Чтобы согласовав макет с заказчикам, дизайнер мог начать доводить детали в Photoshop/Illustrator не начиная все с нуля?

Говорят был удобен Adobe Fireworks, но он с 2013 года не поддерживается.

Comments

[Александр Борисович]

а что значит не с нуля? Если не с нуля макет переделывать так отправляйте сразу на верстку с прототипа)

Answer 1

[Владимир Серых]

С некоторых пор есть такой продукт от Adobe как Brackets, который поставляется с дополнением Extract. (Extract распространяется в виде превью. Видимо, позже он будет стоить денег)

Вольный перевод с сайта:
«Нацеленный на визуальные инструменты и препроцессинг, Brackets является современным редактором, который позволяет легко вести разработку в браузере. Попробуйте Creative Cloud Extract (превью) для Brackets в качестве простого способа получить чистый и краткий CSS-код напрямую из PSD-фала без генерации кода.»

Т. е. Extract позволяет получать стили напрямую из PSD-файла напрямую и преобразовывает их на лету в CSS, и всё это происходит в удобной среде для веб-разработки — Brackets, которая поддерживает препроцессинг LESS / SASS и имеет большое количество расширений.

P. S. У меня этот Extract заработал только один раз, и больше не хочет :(

UPD Для Photoshop CC 2014 есть плагин CSS Hat, который позволяет в фотошопе получать CSS-код для каждого отдельного слоя.

Comments

[newbee007]

Спасибо. Мы пришли примерно к тому же решению.
Прототип-набросок в Ps -> дизайн в Ps -> перенос верстки через Brackets (да, глючит)

[Владимир Серых]

newbee007: На днях Brackets обновился, теперь Extract работает у меня.

Answer 2

[FoxInSox]

Photoshop