Что входит в такую услугу Обычно процесс делят на два этапа, но часто их объединяют в одну задачу. 1. Вёрстка по макету. ри этом важно не просто скопировать пиксель в пиксель, а сделать код качественным: Семантическая разметка — правильные HTML-теги, чтобы код был понятным и удобным для дальнейшей поддержки. Адаптивность — сайт корректно отображается на смартфонах, планшетах и десктопах. avito.ru +1 Кроссбраузерность — проверка в разных браузерах (Chrome, Firefox, Safari, Edge). Интерактивность — если в макете есть анимации, модальные окна, сложные формы, для них пишут JavaScript-код. Оптимизация — подготовка изображений (сжатие, lazy loading), чтобы страница быстро загружалась. Иногда для ускорения процесса используют плагины для Figma (например, Locofy, TeleportHQ, Figmafy), но финальную полировку всё равно делает человек: автоматический экспорт часто даёт «грязный» код с лишними стилями, а специалист приводит его в порядок. 2. «Натяжка» на CMS. Здесь код адаптируют под логику конкретной системы. Задача — не просто вставить HTML в шаблон, а обеспечить совместимость: В WordPress часто используют кастомные темы или блоки (Gutenberg). Нужно правильно подключить стили и скрипты, чтобы они не конфликтовали с ядром системы, и подготовить шаблоны для редактора. В 1С-Битрикс подход иной: там работают с компонентами системы. Верстальщик встраивает свой код в структуру Битрикса так, чтобы элементы (шапка, карточка товара, форма) управлялись через админ-панель.