Стек технологий, чтобы верстать быстрее?

1) Опыт
2) Emmet для написания разметки
3) Второй моник
4) Sass/Scss препроцессоры
5) БЭМ, в связке с препроцессорами особенно.
6) Любой шаблонизатор, главное чтоб импортировать файлы умел. Если пишу фуллстэк - юзаю EJS для Node.js. Если только фронт - JSX (React.js)
7) Не юзал zeplin/avocode, но figma - офигенная штука.

*Порядок произвольный, не по важности.

1) опыт
2) css-препроцессоры, nunjucks, автопрефиксеры, браузерсинк
3) второй(третий) моник
4) зеплин/авокод
5) качество макетов(артборды, хорошая группировка слоёв, отсутствие нейминга слоёв по типу Layer 467 copy copy

Советы по написанию современного CSS

Банальщина:

• Гугл
  
• Руки
  
• Мозг
  

Забыли добавить такую полезную вещь, как Сниппеты :)

Запускаете Browsersync и открываете ссылку в браузере, на мобилке, ноутбуке, планшете, телевизоре, часах

Как ускорить вёрстку?

Неполучирться, получиться качественее но не быстрее. Быстрее как раз говнокодить.

Применяя расширенные инструменты вы таким образом автоматом попадаете в определение более качественого специалиста и требования к вам больше. А набор инструментов - стандартный тулкейс для фронтендщика.

Adobe MUSE)