Верстка макета - этап, который не всегда априори ложится на дизайнера. Поэтому дизайнер должен знать несколько моментов для передачи макета на разработку.
Даже если вы сами верстаете свой макет (к примеру на Тильде), то соблюдение этих пунктов не будет лишним для порядка в ваших проектах.

План уроков на тему верстки макета:

1. Подготовка макета к переносу/передаче верстальщику
2. Перенос макета на Tilda

ИТОГОМ НЕДЕЛИ должен стать готовый сайт для вашего проекта, сверстанный по макету.

К этому правилу лучше привыкать сразу, он облегчит работу не только вашему верстальщику, но и вам.

Давайте понятные названия слоев и групп (соответствующие содержанию) и располагайте их по порядку.

Группируйте объекты по смыслу (элементы кнопки должны объединяться в слой "кнопка", части карточки товара объединяем в карточку, а все карточки между собой в блок и т.п.

Удаляйте все не нужные слои, фреймы, макеты и фотографии для контента. Пусть итоговая страница будет всегда готовой и для передачи проекта др.члену команды и для демонстрации клиенту.

Все отступы в макете должны быть симметричны (иметь логичную систему) и размеры выражены целыми чётными числами. Либо если возможно - округляйте до 5 или 10.

Все элементы вашего макета должны подчиняться сетке и выбранному ритму/направляющим/логике.

Все заголовки, подзаголовки, колонки, наборный текст должны быть созданы отдельными слоями, а не одной "массой"

Следите за тем, чтобы ширина текстовых фреймов соответствовала ширине текста. Для этого вы можете использовать функцию avto width

Все изображения: иконки, логотипы, иллюстрации лучше выгружать в векторном формате - svg формате. Они будут пропорционально масштабироваться при увеличении на фазных устройствах, и не будут оставлять "пиксельных" краев, как преувеличение растровых изображений.

Если у вас в проекте используются шрифты, которые не доступны на Google Fonts, то подготовьте их для выгрузки отдельным файлом в формате woff, для передачи разработчику или переносу своего макета на конструктор самостоятельно.