биржа фриланса

Регистрация

Заказать верстку по макету Figma

Закажите верстку сайта по макету Figma с точностью pixel-perfect и чистым кодом. Создайте задание на HTML/CSS/JS с адаптивом под все устройства. Устанавливайте бюджет и платите только после утверждения результата.

Создать задание

Примеры откликов на верстку по макету Figma, которые вы получите на eTXT

Лариса Лапина

58 146 (32 отзыва)

Профиль: «Frontend-разработчик (верстальщик)»

Сверстаю макет Figma в чистый HTML/CSS/JS. Адаптив, семантика, валидный код. Опыт — 4 года.

от 3 900,00 ₽ за проект

Создать заказ

Игорь Ситников

76 210 (236 отзывов)

Профиль: «Frontend-разработчик (верстальщик)»

Верстка по макету Figma: от лендинга до многостраничника. Mobile first, Pixel Perfect. Срок от 3 дней.

от 8 400,00 ₽ за проект

Создать заказ

Маргарита Казакова

11 881 (201 отзыв)

Профиль: «Frontend-разработчик (верстальщик)»

Предлагаю верстку по макету Figma с использованием CSS Grid и Flexbox. Кроссбраузерность, оптимизация скорости.

от 8 700,00 ₽ за проект

Создать заказ

Матвей Уваров

32 790 (187 отзывов)

Профиль: «Frontend-разработчик (верстальщик)»

Делаю верстку сайта по Figma макету под ключ: адаптив, анимации, формы. Работаю с Bootstrap и Tailwind.

от 4 100,00 ₽ за проект

Создать заказ

Лариса Жукина

6 772 (52 отзыва)

Профиль: «Frontend-разработчик (верстальщик)»

Сверстаю лендинг или корпоративный сайт по Figma. Pixel-perfect, валидный код по W3C, оптимизация скорости загрузки. Срок — от 3 дней.

от 3 600,00 ₽ за проект

Создать заказ

Таисия Романова

10 263 (146 отзывов)

Профиль: «Frontend-разработчик (верстальщик)»

Сверстаю Figma-макет любой сложности. Использую препроцессоры (SCSS), сборку Gulp/Webpack. Гарантирую соответствие дизайну.

от 8 200,00 ₽ за проект

Создать заказ

Показать еще

Почему верстку по макету Figma заказывают на eTXT

Контроль бюджета

Вы сами устанавливаете стоимость задачи. Сумма фиксируется в системе в момент выбора исполнителя, что защищает вас от внезапного удорожания или навязанных услуг в процессе работы.

Свобода выбора исполнителя

Опубликуйте задание и изучите отклики. Сравнивайте примеры сверстанных сайтов, рейтинги и отзывы, чтобы выбрать специалиста, который уже работал с похожими макетами.

Оплата после проверки

Средства резервируются на бирже в момент назначения исполнителя. Вы переводите средства только после того, как визуально проверите готовый код. Если верстка работает не так, как в Figma, разработчик внесет бесплатные доработки в рамках согласованных требований.

Оперативный старт

Вы указываете желаемый дедлайн в задании. Исполнители, готовые сдать проект в срок, сами предлагают свои условия. Многие разработчики готовы приступить к работе в день создания заказа.

Как заказать верстку по макету Figma

1

Создайте задание

Откройте форму заказа: опишите задачу, приложите макет Figma, укажите желаемый бюджет и сроки.

2

Получите отклики

Верстальщики предложат свои услуги. В откликах они могут сразу приложить примеры похожих сверстанных макетов из портфолио.

3

Обсудите детали и назначьте исполнителя

Обсудите объем работы, сроки и финальную стоимость. Назначьте специалиста, чтобы зарезервировать средства на платформе.

4

Примите результат

Проверьте работу на соответствие макету и функциональность. После вашего подтверждения оплата переводится исполнителю.

Кейс: «Сверстали портфолио за 3 дня к важному собеседованию»

Мне нужно было срочно подготовить сайт-портфолио для собеседования в крупную дизайн-студию. Макет был готов в Figma, но времени на самостоятельную верстку не хватало. Студии не брались за такой маленький объем или называли неадекватные сроки. Разместила задание на eTXT, получила несколько откликов за день. Выбрала верстальщика с опытом в портфолио-сайтах. За 3 дня получила полностью готовую верстку с идеальным адаптивом под мобильные. Код чистый, сайт быстро загружается. На собеседовании портфолио произвело отличное впечатление.

Анна Соколова, маркетолог IT-сервиса

Как составить задание на верстку по макету Figma

Чтобы заказать верстку по макету Figma, создайте задание в категории «Фронтенд-разработка (HTML/CSS/JS)». Хорошая верстка точно повторяет дизайн и корректно работает на всех устройствах. Чтобы исполнитель подобрал правильные технические решения, опишите бизнес-цели и исходные данные. Структура ниже поможет собрать ТЗ или станет основой для обсуждения деталей с разработчиком. Чем подробнее описание, тем точнее отклики.

Что указать в задании на верстку по макету Figma

Макет в Figma

Дайте доступ к макету в Figma (режим просмотра) или приложите экспортированные слои. Убедитесь, что все шрифты, иконки и компоненты доступны. Если макет закрытый — передайте доступ в личном чате после назначения исполнителя.
Структура страниц и состояний

Перечислите все экраны: главная, внутренняя, модальные окна. Опишите состояния элементов (hover, active, focus). Уточните, нужны ли анимации переходов между экранами и слайдерами.
Адаптивность и брейкпоинты

Уточните в задании требования к брейкпоинтам под мобильные устройства. Укажите, нужен ли подход mobile first или адаптация под конкретные разрешения (320px, 768px, 1440px). Уточните, как должны вести себя сложные элементы (меню, слайдеры) на сенсорных экранах.
Стек технологий

Определите, нужен ли чистый HTML/CSS/JS или допустимы препроцессоры (SCSS, LESS) и сборщики (Gulp, Webpack). Если важна оптимизация под SEO, зафиксируйте требования: lazy load изображений, минификация CSS/JS, работа с метриками LCP и CLS.
Методология кода

Попросите исполнителя использовать БЭМ для изоляции стилей. Это спасет верстку от конфликтов при интеграции с CMS или добавлении новых блоков. Если планируете масштабирование — обсудите использование CSS-фреймворков (Bootstrap, Tailwind).
Анимация и интерактив

Опишите желаемую динамику: появление блоков, параллакс, hover-эффекты. Если анимация не нужна — зафиксируйте это в ТЗ. Уточните, нужны ли JS-скрипты для форм, слайдеров или калькуляторов.
Цель и сценарий использования

Объясните, зачем создается сайт: продажа товара, сбор лидов, презентация компании. Это поможет подобрать правильные технические решения. Так исполнитель предложит оптимальный стек под ваши задачи.
Конфиденциальность

В публичном описании не публикуйте ссылки на закрытые макеты в Figma, доступы к серверу или бренд-материалы до релиза. Передавайте их выбранному исполнителю в личном чате.
Критерии приемки

Зафиксируйте формат проверки: «Сравню верстку с макетом в Figma через наложение слоев, проверю адаптив на реальных устройствах, оценю валидность кода через W3C-валидатор». Это исключит споры при приемке.

Верстка лендинга по Figma макету (БЭМ, адаптив)

Ищу фронтенд-разработчика для верстки лендинга под запуск нового продукта. Есть готовые макеты в Figma с настроенными автолейаутами. Нужно сверстать первый экран с оффером, блок с преимуществами, отзывы, тарифы и форму заявки. Особое внимание — мобильной версии и плавности JS-анимаций.

Стек: чистый HTML/CSS/JS, строго БЭМ. Код должен быть семантическим и готовым к интеграции с CMS. Формы нужно подготовить к отправке данных через fetch-запрос на наш API. Жду предложений по оптимизации скорости загрузки.

Бюджет: 15 000 – 25 000 . Срок — до 5 дней.
Ссылку на Figma отправлю в личные сообщения после назначения.

Скопируйте этот пример, адаптируйте под свой проект и создайте задание на верстку по макету Figma. Не знаете, как составить описание? Сначала разместите микрозадание на разработку ТЗ — исполнитель составит документ, который упростит обсуждение задачи. Если поручить верстку тому же специалисту, результат будет точнее, а приемка — быстрее.

Часто задаваемые вопросы

Как найти исполнителя для верстки по макету Figma?

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

Ваши расчеты с исполнителем защищены платформой. Сумма резервируется при старте проекта, а перевод средств происходит только после вашей финальной проверки. Вы одобряете оплату, когда лично убедитесь, что верстка корректно отображается на всех устройствах, а код соответствует договоренностям и ТЗ.
Что такое pixel-perfect и как его проверить?

Pixel-perfect — это точное соответствие верстки макету в Figma до пикселя. Проверить можно через наложение скриншота готового сайта на макет в графическом редакторе или с помощью расширений браузера (PerfectPixel). Если отступы и размеры элементов совпадают — верстка выполнена качественно.
Что такое БЭМ и зачем он нужен в верстке?

БЭМ (Блок-Элемент-Модификатор) — это методология написания кода, которая изолирует стили каждого элемента. Благодаря БЭМ верстка не «ломается» при интеграции с CMS или добавлении новых блоков. Попросите исполнителя использовать БЭМ, если планируете дорабатывать сайт в будущем.
Сколько времени занимает верстка по макету Figma?

Установите желаемый дедлайн в задании. Окончательные сроки зависят от количества страниц и сложности макета. Простой лендинг из 3-5 блоков можно сверстать за 2-3 дня, многостраничный сайт — от недели.
Как проверить качество верстки перед приемкой?

Откройте сайт на разных устройствах (компьютер, планшет, телефон). Проверьте работу всех кнопок и форм отправки заявок. Убедитесь, что картинки не искажены, а шрифты отображаются корректно. При необходимости запросите правки — исполнитель внесет их бесплатно в рамках оговоренного объема.

Популярные направления работы

Верстка по макету Figma Верстка лендингов Адаптация сайта под мобильные устройства Создание анимации на JavaScript Верстка блоков, элементов и форм сайта

Опишите свою задачу — получите отклики от специалистов, выберите подходящего и назначьте его на заказ. Оплата переводится исполнителю только после того, как вы лично проверите и примете готовый результат.

Создать задание