Я использую два варианта.
1) Когда создаю страницы с данными, api для которых еще не готово и их четкой структуры нет - пишу свой тестовый объект, который содержит все ключевые поля, а потом передаю его образец на бэк.
Таким образом шаблон уже готов под работу с реальными объектами, прописаны пропсы для компонентов, в шаблоне уже есть необходимые данные.
По факту, шаблон один и тот же для всех, поэтому если ты сперва на фронте создаешь тестовую структуру, бэку уже удобно её использовать и модернизировать, а тебе на фронте потом нужно лишь изменить некоторые пропсы, в основном названия ключей и их типы.
2) Если уж ничего нет и нужно просто верстка html+css пишу прям с текстом из макета, просто структура и стили, которые потом уже кто будет это использовать заменит на то что ему нужно, разобьет на компоненты и пропишет данные в шаблоне.
Вообще лучше не разделять фронт на просто верстка и логи для верстки. Зачастую недостаточно просто сверстать элементы, нужно их верстать уже продумывая структуру взаимодействия этих компонентов и возможность их переиспользовать. Поэтому старайся переходить от верстки к полноценному фронту, учи js, вникай в один из фреймворков и создавай полноценный UI.
Не утверждаю что это есть супер правильно, это всего лишь мой подход. Имхо, буду рад обсудить в коментах)
Средний
