Сайты и разработка

Framer, Webflow или Next.js: на чём делать сайт бренда в 2026 году?

Framer — если сайт на несколько десятков страниц собирает и правит дизайнер, а запуск нужен быстро. Webflow — если контент-команда публикует каждую неделю и ей нужна большая CMS. Next.js на своём коде — если нужны личные кабинеты, интеграции, много языков или код, который можно разместить где угодно; тогда вы платите за разработку и сопровождение, а не за аренду платформы.

Главная tarasovvitalii.com в рамке десктопного браузера и рядом версия для телефона: чёрная страница с логотипом VITON13 и меню, шоурил на кадре с 3D-каруселью обложек сайтов, кнопка воспроизведения и строка «VITON13 Studio. Design. Code. Search. Film.», а над ними заголовок tarasovvitalii.com.
Из кейса: tarasovvitalii.com: портфолио основателя на четырёх языках и чат через VITON ID

В чём настоящая разница между Framer, Webflow и Next.js?

Framer и Webflow — визуальные конструкторы с хостингом: вы рисуете на холсте, публикуете и каждый месяц платите платформе за работу сайта. Сайт на Next.js — это код, который пишет разработчик; он лежит в вашем репозитории и работает на выбранном вами хостинге.

Framer, Webflow и Next.js рядом
ВопросFramerWebflowNext.js на своём коде
Кто собираетДизайнер на холстеДизайнер или специалист по WebflowРазработчик, в коде
Кто правитКонтент-редакторы, по $10 в месяцМеста Limited, по $15 в месяцРедакторы в подключённой CMS
CMS на основном платном тарифе10 коллекций, 2 500 записей40 коллекций, 20 000 записейЗадаёт ваша CMS
Дополнительные языки$20 в месяц за каждыйLocalize от $9 в месяцВ коде, без платы за язык
АнимацияВстроенные эффекты, код-компоненты на ReactInteractions на базе GSAPЛюбая библиотека, включая GSAP и three.js
УходЭкспорта в HTML нетЭкспорт HTML и CSS, CMS остаётсяКод ваш, подойдёт любой Node.js-хостинг
Страницы тарифов Framer и Webflow, доллары США при оплате за год, 25 сентября 2026 года.

Кто будет править сайт после запуска и что ему можно менять?

Решите это первым. Сайт бренда правят не те, кто его рисовал: маркетолог добавляет кейс, ассистент меняет цену.

  • Framer: контент-редакторы по $10 в месяц обновляют CMS, переводы и тексты на странице, не касаясь инструментов дизайна; редактор с полными правами стоит $20.
  • Webflow: место Limited правит контент или собирает страницы из утверждённых компонентов; место Full с правом менять дизайн — $39 в месяц при оплате за год.
  • Next.js: редактора нет, пока его не подключат. Тексты лежат в файлах, которые меняет разработчик, или в headless CMS — отдельной админке, откуда сайт берёт контент.

Поэтому мы заранее договариваемся, что будет редактируемым: новости, кейсы и цены — в CMS, вёрстка — в коде. Интеграция CMS у нас стоит $73 с помощью ИИ или $93 под руководством специалиста; её принимают, когда редактор без технических навыков создаёт, планирует, исправляет и откатывает настоящую запись.

Где лучше получаются анимация, 3D и интерактив?

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

  • Framer: эффекты, переходы и анимация прокрутки настраиваются на холсте; остальное разработчик пишет код-компонентами на React, совместимыми с React 18, во встроенном редакторе.
  • Webflow: Interactions работают на GSAP, которым владеет Webflow; GSAP стал бесплатным для всех, включая когда-то платные плагины SplitText и ScrollSmoother.
  • Next.js: любая библиотека, от GSAP до three.js и своего WebGL, в рамках бюджета скорости, который задаёте вы; тем, кто просит меньше движения, анимация отключается.

Платформа даёт готовые инструменты в чужой среде исполнения, код не даёт ничего готового, зато каждый килобайт можно убрать. Портфолио нашего основателя (пример ниже) написано вручную, без Next.js: анимация на GSAP выключается при настройке «уменьшить движение», а 24 сентября 2026 года Lighthouse поставил его главной 99 за производительность на телефоне.

Когда начинают мешать лимиты страниц и CMS?

На старте лимиты почти незаметны. Они мешают на второй год, когда разрослись блог или библиотека кейсов.

Лимиты страниц и CMS на платных тарифах
Тариф, в месяц при оплате за годСтраницыКоллекцииЗаписи CMSЧто дальше
Framer Basic, $103021 000Переход на Pro
Framer Pro, $30150102 500$20 за 100 страниц, $20 за 10 000 записей
Webflow Basic, $15300 статичныхНетНетПереход на Premium
Webflow Premium, $25300 статичных4020 000Team за $2 500 в месяц по годовому договору
Next.js на своём кодеБез лимитаВаша CMSВаша CMSРасход хостинга
Страницы тарифов, проверено 25 сентября 2026 года. Докупить на Framer Pro можно до 700 страниц и 40 000 записей.

Два поста в неделю — около 312 записей за три года, это выдержит любой тариф с CMS. Каталог или список филиалов дойдёт до 2 500 гораздо быстрее, а на Framer Basic посты и кейсы уже занимают обе коллекции.

Сколько стоят тарифы за три года?

В расчёте один сайт, одно место владельца и, где указано, один дополнительный язык.

Платформа за 36 месяцев по годовым тарифам
ВариантТариф и дополненияВ месяц36 месяцев
Framer, небольшой сайтBasic, один язык$10$360
Framer, маркетинговый сайтPro и один язык$50$1 800
Webflow без CMSBasic и Localize Essential$24$864
Webflow с CMSPremium и Localize Essential$34$1 224
Next.js на своём кодеVercel Pro, одно место разработчика$20$720
Годовые тарифы без налогов, 25 сентября 2026 года. Помесячно дороже: Webflow Basic — $25, Premium — $39. Дополнительный контент-редактор стоит $10 в месяц во Framer и $15 в Webflow.

Аренда — меньшая строка. Сборку на Framer оплачивает время дизайнера, на Webflow — дизайнера или специалиста по Webflow, на Next.js — разработчика и дизайнера. Потом платформы списывают деньги каждый месяц, а Next.js нужен человек, обновляющий зависимости. Деньги в любом случае уходят людям, просто разным.

Сколько контроля над SEO и языками даёт каждый вариант?

Все три отдают HTML, который читают роботы. Разделяют их редиректы, адреса языковых версий и то, какие теги вам можно менять.

  • Framer: встроенное SEO, редиректы начиная с Pro, переведённые адреса страниц для каждого языка; lang и hreflang ставятся автоматически и в интерфейсе не редактируются.
  • Webflow: canonical, карта сайта, robots.txt, разметка Schema и 301-редиректы; переведённые адреса — только в Localize Advanced, от $29 в месяц.
  • Next.js: маршруты по подпути вроде /fr/products или домен на язык; hreflang, карты сайта и любой код ответа пишутся в коде и делают ровно то, что задано, не больше.

Насколько трудно уйти с каждой платформы?

Спросите об этом до запуска, пока ответ дешёвый.

  • Framer: экспорта в HTML для своего хостинга нет, потому что сайты зависят от его рендеринга, оптимизации изображений и сети доставки (справка от 15 сентября 2026 года). Уйти — значит собрать заново.
  • Webflow: экспорт HTML и CSS доступен на платном рабочем пространстве, например Core за $19 в месяц при оплате за год; записи и страницы CMS не выгружаются, и блог переносят через API CMS или вручную.
  • Next.js: репозиторий и хостинг оформлены на вас; Node.js-сервер или Docker поддерживают все функции, статический экспорт — часть. Остаётся зависимость от людей, её снижают чистый репозиторий и записка о передаче.

При любом переезде меняются адреса. Google советует постоянные редиректы на стороне сервера с каждого старого URL и держать их как можно дольше, обычно не меньше года.

Когда Framer или Webflow разумнее своего кода?

Мы продаём разработку на коде, и всё же честный ответ часто — платформа.

Какой вариант подходит в типичных ситуациях
СитуацияРазумный выборПочему
Портфолио до 30 страниц, правит сам дизайнерFramer BasicБыстрее всего до живого адреса
Сайт дизайнера с тестовой версией и редиректамиFramer ProВетки без разработчика
Публикации каждую неделю на одном-двух языкахWebflow Premium20 000 записей и места редакторов
Четыре языка и больше с переведёнными адресамиNext.js на своём кодеНет платы за язык
Личные кабинеты, бронирование, CRM или оплатаNext.js на своём кодеСерверный код и ваша база
Тяжёлое 3D при жёстком бюджете скоростиNext.js на своём кодеВы решаете, какой файл грузится

Когда к нам обращаться не стоит: несколько страниц, один язык, дизайнер уже во Framer и серверу на сайте делать нечего. Запускайтесь там, оформите домен на себя и храните тексты вне платформы; в смете мы написали бы то же самое.

Сколько стоит сайт на Next.js в VITON13?

У каждого пакета фиксированная цена в двух режимах: с помощью ИИ, когда ИИ делает черновик, а специалист ведёт и подписывает работу, и под руководством специалиста, когда он делает её сам, а ИИ помогает.

Пакеты VITON13 для дизайнерского сайта на Next.js
ПакетЦенаСрокЧто вы получаете
Дизайн корпоративного сайта$113 с помощью ИИ или $173 под руководством специалиста7–12 рабочих днейСтруктура до 20 страниц, 6 шаблонов, прототип, передача в Figma
Сайт на Next.js$73 с помощью ИИ или $93 под руководством специалиста5–8 рабочих дней5 шаблонов, SEO-настройка, предпросмотр правок, 2 языка
Сайт для запуска$113 с помощью ИИ или $173 под руководством специалиста3–5 рабочих днейСборка с CMS или данными, сервер, домен, SSL, проверка запуска
Интеграция CMS$73 с помощью ИИ или $93 под руководством специалиста5–8 рабочих днейМодель контента, процесс редактора, связь с сайтом
Начальные цены в долларах США; письменный объём работ подтверждает их до любой оплаты.

Пакет «Сайт на Next.js» собирает уже готовый дизайн; «Сайт для запуска» подходит, если страницы, CMS и запуск нужны одним заказом. Если макеты в Figma или прототип во Framer уже есть, строка дизайна не нужна.

Как это делает VITON13

Мы превращаем утверждённые макеты из Figma или прототип во Framer в сайт на Next.js, который принадлежит вам, а анимацию держим в рамках бюджета скорости. Отправьте бриф через форму заказа — пакет, фиксированная цена и сроки придут письменно в течение одного рабочего дня.

Разработка сайта на Next.js

Цена
$73 с помощью ИИ или $93 под руководством специалиста
Срок
5–8 рабочих дней

Сайт для запуска

Цена
$113 с помощью ИИ или $173 под руководством специалиста
Срок
3–5 рабочих дней

С помощью ИИ: ИИ готовит черновики в заданных шагах, человек задаёт направление и проверяет каждый результат. Под руководством специалиста: работу делает специалист, ИИ помогает.

Что входит

  • 5 шаблонов страниц по вашим утверждённым макетам
  • 1 SEO-настройка: карта сайта, canonical, hreflang и метаданные для каждого шаблона
  • 1 конвейер выкладки с тестовым адресом для каждой правки
  • 2 подключённых языка с вашими текстами
  • Передача репозитория и конвейера, доступы на ваше имя

Не входит

  • Дизайн: отдельный пакет или ваши собственные макеты
  • Тексты и переводы
  • Хостинг, домен и сторонние подписки
  • Карта редиректов сверх основных шаблонов старого сайта

Правки: 2 круга правок по результатам работы, закреплённые в письменном объёме

Получить смету за 1 рабочий день

Смета за 1 рабочий день

Пример

СВОЙНаш собственный продукт

tarasovvitalii.com: дизайнерское портфолио на своём коде и на четырёх языках

Портфолио нашего основателя работает с 23 сентября 2026 года; VITON13 спроектировала его и написала вручную: статический генератор на Node заранее отрисовывает каждую страницу, анимация построена на GSAP со ScrollTrigger и Lenis. У сайта четыре языковые версии, 108 страниц в карте сайта, связанных hreflang, и чат через VITON ID. 24 сентября 2026 года Lighthouse дал главной 99 за производительность на телефоне при LCP 2,0 с.

Чего это не доказывает

  • Это наш собственный сайт, а не клиентский, и Next.js в нём нет.
  • Оценки — лабораторный замер одной страницы в один день; повторный замер на компьютере дал 95.
  • Сайт слишком новый для данных о трафике, позициях и обращениях.
  • Тот же дизайн во Framer или Webflow мы не собирали, так что прямого сравнения нет.

Вопросы и ответы

Можно ли перенести мой сайт с Framer или Webflow на Next.js без потери позиций?

Честно этого не пообещает никто. Мы составляем список живых адресов, собираем страницы заново, ставим постоянные редиректы и сравниваем обход до и после. Страницы Framer не экспортируются, поэтому работаем с живым сайтом и вашими файлами; контент CMS из Webflow забираем через API. Переезд стоит $53 с помощью ИИ или $73 под руководством специалиста.

Может ли дизайнер и дальше работать в Figma или Framer?

Да. Мы собираем по утверждённым макетам — файлам Figma или прототипу во Framer — и сверяем шрифты, отступы и анимацию на тестовом адресе, который вы проверяете на своих устройствах. После запуска тексты правят в CMS, а изменение вёрстки — задача разработчика и оценивается отдельно.

Кому принадлежат код, домен и аккаунты?

Вам. Оформите репозиторий, хостинг, домен и Search Console на свою компанию; в конце мы передаём репозиторий и конвейер выкладки. Согласованные права и редактируемые файлы переходят к вам после оплаты проекта; шрифты и стоковые изображения остаются на своих лицензиях.

Что будет, если ИИ напишет код с ошибкой?

В режиме с помощью ИИ нейросеть делает черновик, а разработчик проверяет, тестирует и подписывает каждую правку; на рабочий сайт ничего не уходит, пока вы не посмотрели тестовую версию. Расхождения с макетами исправляются в кругах правок. Под руководством специалиста тот же пакет стоит $93.

Как устроена оплата и можно ли отказаться?

Сначала вы получаете письменный объём работ со сроком, итоговой ценой и способом оплаты; до подтверждения ничего не списывается. До согласования объёма отказ бесплатный. После старта оплачивается выполненная часть, а за неначатую деньги возвращаются.

Сколько длится весь проект?

Дизайн занимает 7–12 рабочих дней, сборка на Next.js — 5–8 рабочих дней, один этап за другим, плюс время на утверждение макетов и тексты. Если дизайн готов, проект начинается сразу со сборки.

Источники

  1. Framer — Pricing —
  2. Framer Help — Can I export my website to HTML and self-host it? —
  3. Framer Help — Localized page paths —
  4. Framer Help — Language attribute —
  5. Framer Developers — Code components —
  6. Webflow — Plans and pricing —
  7. GSAP — Pricing —
  8. Vercel — Pricing —
  9. Next.js — Deploying —
  10. Next.js — Internationalization —
  11. Google Search Central — Site moves with URL changes —

Об авторе

Виталий Тарасов

Основатель VITON13 Studio · Дубай, ОАЭ

Виталий Тарасов основал VITON13 в 2026 году и руководит VITON13 Studio из офиса в Дубае. Он отвечает за каждый проект студии: письменный объём работ и цену, направление работы и проверку перед сдачей. Цены студии в этом гайде берутся со страниц услуг — те же, что вам назовут там.

О VITON13

Услуги по теме гайда