Vyach Gor

Как раз в данный момент веду проект на Invision. Что могу сказать, конечно не такой удобный и функциональный как тот же Avocod, но в принципе не так плохо как работать в том же InDesign или AI, по крайней мере лично мне. А так, в каком формате предоставили сайт в том и работаете, бывает даже со скринов приходиться под pixel perfect подгонять )

еще плагин - https://www.psd2html.com/js-custom-forms/#demo

уже когда то скидывал - вот инструмент чтобы перевести все в не читаемый вид в автоматическом - link

итоговый результат - link

Хм, я с своем шаблоне просто подключаю все форматы по типу

return gulp.src('img/**/*.+(jpg|jpeg|png|svg|gif|ico|JPG|JPEG|PNG|SVG|GIF|ICO)')

и все нормально и переноситься и оптимизируется, без каких либо ошибок или конфликтов. Правда для оптимизации я использую другие плагины.

Из необычного, пожалуй могу посоветовать, написать дополнительный скрипт на bash или node для быстрого создания блоков - по типу открыл проект в консоли, прописал что то по типу "new-block name-new-block" и автоматически создается html файл этого блока с базовой разметкой и классами (с именем этого блока) + этот файл подключается в нужный основной html файл (использую gulp-rigger для таких целей) + классы также автоматом добавляются в конец основного файла стилей, ну и проверку на существование блока не забудьте что б не перезаписывать существующие + можете под себе и свою структуру модернизировать скрипт как хотите: по типу отдельная папка для каждого блока и тд.

плагин для кастомизации элементов форм - link

как вариант - link

вот два варианта посмотрите - link1 и link2

если не ошибаюсь видел такой куб у soraxa link

не знаю как поведет себя с условными комментариями для аутлука и тд, но для обычной верстки использую решение в виде плагина для sublime text HTML Nest Comments

была похожая задача только с gulp-rigger, решил с помощью gulp-html-beautify с указанием таких опций

//----------#OPTIONS WITH HTMLBEAUTIFY PLUGIN
//all options https://www.npmjs.com/package/gulp-html-beautify
var options = {
	//отступу табами
	"indent_with_tabs": true,
	//максимальное число новых строк
	"max_preserve_newlines": 0,
};