Скорость работы определяется не только и не столько используемыми инструментами, сколько опытом верстки.

Я, например, сначала пишу весь HTML для страницы. На этом этапе я разбиваю страницу на блоки, а также продумываю как буду их верстать и адаптировать.

Второй этап - это непосредственно написание стилей.

Если вы действительно профессионал и верстаете макеты из Google за полчаса, то к чему вообще такие вопросы?

Заходите на какой-то там DNS или Rozetka и пробуете их переверстать. Для этого макеты как таковые не нужны.

Умение разбивать страницу на блоки приходит с опытом. Начать можно с выделения больших горизонтальных секций в отдельные классы, а все внутренние элементы записывать через класс блока.

БЭМ как таковой - это не панацея, работать с длинными названиями классов банально неудобно.

Да, на WooCommerce вы можете использовать свой дизайн корзины и страницы оформления заказа. Шаблоны вы можете переопределить на уровне темы.