Какой программой можно создать макет с аннотацией(по шрифтам, размерам итп)?

Question

[UnoMomento]

Добрый день.
Часто дизайнеры присылают макеты в формате фотошопа.
Но не у всех разработчиков он установлен(особенно не у веб-разработчиков),
какой программой дизайнер может сделать сноски (желательно чтобы такие сноски создавались автоматически ),
Чтобы получилось как на рисунке:


(имеется в виду указание размера шрифта, название шрифта, цвет эл-та)

Comments

[Нерон Лордов]

А как это - автоматически? Типа, загружаешь в программу-сношатель файл psd и прога автоматом делает такие сноски для всех слоёв? Тут, мне кажется, нужно рыть в сторону PSD-to-HTML конвертеров и схожих программ. Есть какая-то прога, забыл к сожалению как называется. Видео смотрел - в нее грузишь PSD, кликаешь на элемент и сразу получаешь всю инфу о нём, от координат до стилей.

[Кирилл]

Liquidos: brackets.io наверное)

Answer 1

[UnoMomento]

В общем, ключевое слово для гугл "Design specs" или "Design specifications/annotations".
blog.yummygum.com/post/99044078154/the-ultimate-gu...
Программы Ink (бесплатная) ink.chrometaphore.com
Ещё например Specctr.

Ink, как я понял не отдельно стоящая программа, а плугин для Photoshop.
Вопрос остаётся для машин без фотошопа, как вариант просить дизайнера экпортировать при помощи Ink каждый раз ещё и спецификации дизайна.