Как собрать визуальный макап страницы в Canva для согласования с заказчиком

Разбор задачи

На старте фиксируют реальную ширину ключевых брейкпоинтов (например 360 / 768 / 1200 px) и подбирают холст с тем же соотношением. Основную сетку рисуют направляющими или прозрачной табличной структурой, блоки именуют по ролям: шапка, лид‑блок, карточки, футер — так проще сопоставить с будущими include областями компонента.

Стоковые иллюстрации и паттерны стоит дублировать отдельными слоями: проще передать монтажнику PSD/PNG и не потерять исходники при утверждении.

Выгрузка

Для согласования достаточно PDF или PNG набора ключевых экранов с пометкой ширины. Дальше монтаж в шаблоне Битрикс идёт через отдельные CSS‑модули и компоненты, без жёсткого перевода графических эффектов Canva один в один как растровые врезки.

Замечания перед выкладкой

Вносите правки только через среду с бэкапом и понятным diff. Если сниппет идёт в шаблон на Битрикс, проверьте конфликт с уже подключённым jQuery/UI и включите «отложенный» запуск там, где длинный главный файл может обрезать DOMContentLoaded.