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

В чём настоящая разница между Framer, Webflow и Next.js?
Framer и Webflow — визуальные конструкторы с хостингом: вы рисуете на холсте, публикуете и каждый месяц платите платформе за работу сайта. Сайт на Next.js — это код, который пишет разработчик; он лежит в вашем репозитории и работает на выбранном вами хостинге.
| Вопрос | Framer | Webflow | Next.js на своём коде |
|---|---|---|---|
| Кто собирает | Дизайнер на холсте | Дизайнер или специалист по Webflow | Разработчик, в коде |
| Кто правит | Контент-редакторы, по $10 в месяц | Места Limited, по $15 в месяц | Редакторы в подключённой CMS |
| CMS на основном платном тарифе | 10 коллекций, 2 500 записей | 40 коллекций, 20 000 записей | Задаёт ваша CMS |
| Дополнительные языки | $20 в месяц за каждый | Localize от $9 в месяц | В коде, без платы за язык |
| Анимация | Встроенные эффекты, код-компоненты на React | Interactions на базе GSAP | Любая библиотека, включая GSAP и three.js |
| Уход | Экспорта в HTML нет | Экспорт HTML и CSS, CMS остаётся | Код ваш, подойдёт любой Node.js-хостинг |
Кто будет править сайт после запуска и что ему можно менять?
Решите это первым. Сайт бренда правят не те, кто его рисовал: маркетолог добавляет кейс, ассистент меняет цену.
- 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 | Что дальше |
|---|---|---|---|---|
| Framer Basic, $10 | 30 | 2 | 1 000 | Переход на Pro |
| Framer Pro, $30 | 150 | 10 | 2 500 | $20 за 100 страниц, $20 за 10 000 записей |
| Webflow Basic, $15 | 300 статичных | Нет | Нет | Переход на Premium |
| Webflow Premium, $25 | 300 статичных | 40 | 20 000 | Team за $2 500 в месяц по годовому договору |
| Next.js на своём коде | Без лимита | Ваша CMS | Ваша CMS | Расход хостинга |
Два поста в неделю — около 312 записей за три года, это выдержит любой тариф с CMS. Каталог или список филиалов дойдёт до 2 500 гораздо быстрее, а на Framer Basic посты и кейсы уже занимают обе коллекции.
Сколько стоят тарифы за три года?
В расчёте один сайт, одно место владельца и, где указано, один дополнительный язык.
| Вариант | Тариф и дополнения | В месяц | 36 месяцев |
|---|---|---|---|
| Framer, небольшой сайт | Basic, один язык | $10 | $360 |
| Framer, маркетинговый сайт | Pro и один язык | $50 | $1 800 |
| Webflow без CMS | Basic и Localize Essential | $24 | $864 |
| Webflow с CMS | Premium и Localize Essential | $34 | $1 224 |
| Next.js на своём коде | Vercel Pro, одно место разработчика | $20 | $720 |
Аренда — меньшая строка. Сборку на 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 Premium | 20 000 записей и места редакторов |
| Четыре языка и больше с переведёнными адресами | Next.js на своём коде | Нет платы за язык |
| Личные кабинеты, бронирование, CRM или оплата | Next.js на своём коде | Серверный код и ваша база |
| Тяжёлое 3D при жёстком бюджете скорости | Next.js на своём коде | Вы решаете, какой файл грузится |
Когда к нам обращаться не стоит: несколько страниц, один язык, дизайнер уже во Framer и серверу на сайте делать нечего. Запускайтесь там, оформите домен на себя и храните тексты вне платформы; в смете мы написали бы то же самое.
Сколько стоит сайт на Next.js в VITON13?
У каждого пакета фиксированная цена в двух режимах: с помощью ИИ, когда ИИ делает черновик, а специалист ведёт и подписывает работу, и под руководством специалиста, когда он делает её сам, а ИИ помогает.
| Пакет | Цена | Срок | Что вы получаете |
|---|---|---|---|
| Дизайн корпоративного сайта | $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 мы не собирали, так что прямого сравнения нет.
Читать кейс: tarasovvitalii.com: портфолио основателя на четырёх языках и чат через VITON ID
Вопросы и ответы
Можно ли перенести мой сайт с Framer или Webflow на Next.js без потери позиций?
Честно этого не пообещает никто. Мы составляем список живых адресов, собираем страницы заново, ставим постоянные редиректы и сравниваем обход до и после. Страницы Framer не экспортируются, поэтому работаем с живым сайтом и вашими файлами; контент CMS из Webflow забираем через API. Переезд стоит $53 с помощью ИИ или $73 под руководством специалиста.
Может ли дизайнер и дальше работать в Figma или Framer?
Да. Мы собираем по утверждённым макетам — файлам Figma или прототипу во Framer — и сверяем шрифты, отступы и анимацию на тестовом адресе, который вы проверяете на своих устройствах. После запуска тексты правят в CMS, а изменение вёрстки — задача разработчика и оценивается отдельно.
Кому принадлежат код, домен и аккаунты?
Вам. Оформите репозиторий, хостинг, домен и Search Console на свою компанию; в конце мы передаём репозиторий и конвейер выкладки. Согласованные права и редактируемые файлы переходят к вам после оплаты проекта; шрифты и стоковые изображения остаются на своих лицензиях.
Что будет, если ИИ напишет код с ошибкой?
В режиме с помощью ИИ нейросеть делает черновик, а разработчик проверяет, тестирует и подписывает каждую правку; на рабочий сайт ничего не уходит, пока вы не посмотрели тестовую версию. Расхождения с макетами исправляются в кругах правок. Под руководством специалиста тот же пакет стоит $93.
Как устроена оплата и можно ли отказаться?
Сначала вы получаете письменный объём работ со сроком, итоговой ценой и способом оплаты; до подтверждения ничего не списывается. До согласования объёма отказ бесплатный. После старта оплачивается выполненная часть, а за неначатую деньги возвращаются.
Сколько длится весь проект?
Дизайн занимает 7–12 рабочих дней, сборка на Next.js — 5–8 рабочих дней, один этап за другим, плюс время на утверждение макетов и тексты. Если дизайн готов, проект начинается сразу со сборки.
Источники
- Framer — Pricing —
- Framer Help — Can I export my website to HTML and self-host it? —
- Framer Help — Localized page paths —
- Framer Help — Language attribute —
- Framer Developers — Code components —
- Webflow — Plans and pricing —
- GSAP — Pricing —
- Vercel — Pricing —
- Next.js — Deploying —
- Next.js — Internationalization —
- Google Search Central — Site moves with URL changes —