ОбзорыОбновлено · 08.2026

Обзор Webflow: фотошоп для сайтов и Тильда на стероидах

23 апреля 2021 · 23 минуты чтения

Проверка фактов

Юлия Найпак

Методист по автоматизации. Сверяет паспорт инструмента с документацией вендора.

Автор Р

Редакция

Коллектив авторов, редакторов и иллюстраторов статей на сайте блога онлайн-университета «Зерокодер». Пишем…

Черновик готовит редакция с помощью ИИ. За стандарт издания отвечает главный редактор — Валерий Курземнек.

Вебфлоу (Webflow) — облачный конструктор сайтов, где дизайнер собирает страницу визуально, а платформа отдаёт готовые HTML и CSS и держит сайт на своём хостинге. Бесплатный тариф Starter даёт две статические страницы на домене webflow.io. Платные site-тарифы начинаются с 15 $ в месяц при оплате за год. Интерфейс и обучающие материалы — на английском, счета выставляются в долларах и оплачиваются банковской картой.

Коротко по делу:

• линеек тарифов четыре, и в счёт они попадают по-разному: Site plan привязан к конкретному сайту, Workspace plan оплачивается своим счётом, ecommerce-тариф выбирают вместо обычного тарифа сайта, Platform plans закрывают организацию;
• экспорт кода лежит не в тарифе сайта, а в платном Workspace — это самая частая ошибка при расчёте бюджета;
• оплата идёт кредитной картой в долларах, а карты российских банков с марта 2022 года не проводят трансграничные операции;
• против Тильды Вебфлоу выигрывает контролем над версткой и проигрывает языком интерфейса, ценой в рублях и наличием кассы под 54-ФЗ;
• сложную логику, API и базы данных Вебфлоу не заменяет — это инструмент фронтенда.

Ниже — что платформа умеет в августе 2026 года, сколько стоит по текущей странице тарифов, как выглядит вопрос доступа и оплаты из России и кому она реально экономит время.

Что такое Webflow

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

Чтобы раскрыть возможности конструктора, нужно владеть HTML и CSS хотя бы на базовом уровне. Вебфлоу в первую очередь подходит профессиональным дизайнерам и верстальщикам: первым он повышает стоимость услуг, вторым сокращает время сборки проекта. Новичку тоже по силам, но вход дольше, чем в конструкторах для недизайнеров.

Сервис основан в 2013 году: сооснователи — Брайант Чоу и выходцы из России Сергей и Влад Магдалины. По странице «About» самой компании, сегодня в Webflow работает более 900 человек в 25 странах, платформой пользуются 3,5 млн человек, суммарно привлечено 335 млн $ инвестиций. Генеральный директор — Линда Тонг.

Первая версия умела верстать только лендинги. Затем появились CMS для блогов и магазинов, инструменты анимации, свой хостинг, а в последние релизы платформа добавила ИИ-сборку страниц и MCP-сервер для подключения ИИ-агентов к сайту.

Что умеет Вебфлоу

На платформе собирают:

• лендинги и сайты-визитки;
• многостраничные корпоративные сайты;
• онлайн-магазины;
• блоги и контентные проекты на CMS.

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

Как устроен конструктор страниц

Интерфейс конструктора напоминает Photoshop. Основные элементы и действия расположены слева, инструменты работы с текстом и эффекты — справа.

Страницы строятся из готовых элементов: чтобы добавить элемент на холст, достаточно на него нажать. Пригодятся базовые знания вёрстки — в частности, разница между строчными и блочными элементами, основные теги HTML и свойства CSS.

В разделе Add elements лежат стандартные компоненты, с которыми работают верстальщики и фронтенд-разработчики:

• слои: секции, сетки и другие контейнеры;
• базовые: div-блоки, списки, ссылки;
• строчные и блочные текстовые элементы;
• медиа: фото, видео, аудиозаписи;
• формы и поля.

Во вкладке Navigator видна иерархия компонентов страницы — она напоминает DOM-дерево, только проще. Чтобы понять место произвольного элемента, нажмите на него: внизу появится цепочка родителей.

Анимацию собирают двумя редакторами: классическим Interactions и новым редактором на горизонтальном таймлайне, построенным на библиотеке GSAP. Оба доступны на всех site-тарифах, включая бесплатный Starter.

Мини-вывод: конструктор — это визуальная надстройка над теми же классами и свойствами CSS. Кто знает вёрстку, работает в нём быстрее, чем руками; кто не знает — сначала учит вёрстку, а уже потом интерфейс.

CMS и динамические страницы

Динамику даёт компонент Collection list: он выводит содержимое CMS-коллекции. Порядок такой — добавить Collection list на страницу и связать его с коллекцией во вкладке CMS Collections. Там же создают поля данных, меняют содержимое, добавляют фото и видео.

Важная деталь для планирования бюджета: CMS больше не входит в младший платный тариф. На бесплатном Starter доступно 50 CMS-записей и 20 коллекций, на Basic CMS нет вовсе, на Premium — 20 000 записей и 40 коллекций. Разбор самого механизма коллекций мы вынесли в отдельный материал: динамический контент с помощью CMS в Webflow.

Магазин, витрина и шаблоны

Магазин собирают во вкладке Ecommerce: платформа создаёт коллекции с товарами и скидками и ведёт по пошаговому гайду. Приём денег идёт через Stripe, PayPal и Apple Pay — российские кассы и платёжные агрегаторы в списке встроенных способов отсутствуют.

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

Магазин шаблонов вырос: страница каталога заявляет «7000+ Free & Premium HTML Website Templates». В подборке августа 2026 года платные шаблоны стоят от 29 до 169 $ за штуку, есть бесплатный раздел. Мы собирали удачные варианты в обзоре: шаблоны Webflow — подборка.

Экспорт кода: где спрятан подвох

Раздел Export code показывает код страниц. Скачать его можно не на любом тарифе: экспорт привязан к платному рабочему пространству — к любому из них. FAQ страницы тарифов формулирует условие прямо: «You can export your site and host it anywhere you like with any of our paid Workspace plans, no attribution required». В сравнительной таблице функция называется «Export clean, semantic HTML and CSS files for your dev team», и галочка стоит у всех платных тарифов рабочего пространства: на вкладке для команд — у Core за 19 $ и Growth за 49 $, на вкладке для фрилансеров и агентств — у Freelancer за 16 $ и Agency за 35 $. Дешевле всего экспорт обходится на Freelancer — 16 $ в месяц при оплате за год. У бесплатного Workspace Starter в этой строке стоит прочерк.

Второе ограничение записано там же: «Dynamic content (CMS items/pages) can’t be exported» — записи и страницы CMS в выгрузку не попадают. То есть блог или каталог, собранный на коллекциях, экспортом не переносится: уедет только статическая вёрстка.

Мини-вывод: если сценарий «соберу дизайн в конструкторе и заберу код к себе на хостинг» — считайте бюджет не по тарифу сайта, а по тарифу Workspace, и проверьте, что переносить нужно именно статику.

Сколько стоит Вебфлоу в 2026 году

Тарифы разложены на четыре линейки, и складывать их подряд — первая ошибка расчёта. Site plan привязан к конкретному сайту: справка формулирует это как «A Site plan is tied to an individual site» и добавляет «Site plans are billed separately from your Workspace plan». Workspace plan оплачивает рабочее пространство дизайнера или команды и идёт отдельным счётом. Ecommerce-тариф — это разновидность тарифа сайта: в настройках выбирают одну вкладку из двух, «Choose either the Website tab or the Ecommerce site tab». Platform plans закрывают потребности организации. Цены ниже — с страницы тарифов Webflow на 11 августа 2026 года, все в долларах, налоги добавляются на оплате.

Site plans — тариф за сайт

Трафик сверх пакета докупается: +50 ГБ стоят +20 $ в месяц при годовой оплате. Два месяца подряд с превышением лимита включают автоматический переход на старший тариф — на странице тарифов это названо surge protection.

Workspace plans — тариф за рабочее место

Рабочее пространство бесплатно у каждого аккаунта, но именно оно раздаёт черновики, командные права и экспорт кода.

Для фрилансеров и агентств действует отдельная пара тарифов: Freelancer — 16 $ в месяц, Agency — 35 $ в месяц при годовой оплате. Дополнительные места считаются сверху: полное место 39 $ в месяц, ограниченное 15 $ в месяц.

Ecommerce plans — тариф за магазин

Эта линейка заменяет обычный тариф сайта. Справка: «If your site uses Webflow’s native Ecommerce features, you will need an Ecommerce plan to enable checkout». Ход назад тоже описан: «You can switch to a Premium Site plan, but the Ecommerce checkout will be disabled» — сайт останется, оформление заказа выключится.

Комиссия платформы идёт поверх комиссии Stripe или PayPal — это отдельно отмечено в описании тарифов.

Platform plans — тариф за организацию

Старшая линейка состоит из двух позиций. Team стоит 2500 $ в месяц и требует годового контракта: в него включены пять полных и пять ограниченных мест, 100 000 ИИ-кредитов в год, две локали, журнал активности, публикация отдельными страницами и приоритетная поддержка. Enterprise считается индивидуально.

Мини-вывод: в линейке тарифов сайта между Premium за 25 $ и Team за 2500 $ промежуточных ступеней нет. Часть командных возможностей при этом закрывается дешевле: роли по сайтам, права публикации и доступ к отдельным сайтам входят в Workspace Growth за 49 $. На корпоративный контракт выводит другое — рабочие процессы публикации, журнал активности с API, локализация и governance.

Сколько выйдет под конкретную задачу

Счёт за месяц при годовой оплате под типовые задачи.

Цифры показывают главное: «Вебфлоу за 15 долларов» — это лендинг без CMS и без экспорта. Справка оговаривает это дословно: «Basic Site plans are specifically for sites that do not use any CMS or Ecommerce features (e.g., your site wouldn’t need a dynamic blog, portfolio, or store)». Сценарий сложнее упирается в Premium, в платный Workspace или в отдельный ecommerce-тариф.

Доступ и оплата Вебфлоу из России

Вопрос, который топовая выдача обходит стороной, а на практике решает всё. Разберём по частям — что говорит сама платформа и что говорят правила расчётов.

Формально Россия не входит в список стран, которым Webflow закрывает платформу. В пользовательском соглашении есть раздел 17 «US Economic Sanctions», и перечень территорий под всеобъемлющими санкциями США там дан прямым списком: «Cuba, Crimea, Iran, North Korea, Donetsk People’s Republic, Luhansk People’s Republic, and Syria». Россия как страна в перечне не названа — названы Крым, ДНР и ЛНР. Тот же раздел содержит оговорку: компания оставляет за собой право ограничить или заблокировать доступ, если сочтёт, что он создаёт для неё санкционный риск.

Оплата идёт банковской картой. В сравнительных таблицах у site-тарифов Starter, Basic и Premium и у тарифов рабочего пространства Core и Growth в строке Billing стоит единственный вариант: «Credit card billing». Исключение на странице одно — старший магазинный тариф Ecommerce Advanced за 212 $, у которого в той же строке добавлено «Pay by invoice». Пользовательское соглашение в разделе 8 формулирует то же: «Customers may be required to provide their credit card details to Webflow or the payment service provider retained by Webflow». Оплаты в рублях, СБП и электронных кошельков в списке нет.

Карта российского банка такой платёж не проведёт. Банк России ещё 6 марта 2022 года сообщил: «трансграничные операции по картам Visa и Mastercard будут недоступны. Это касается как оплаты покупок в иностранных интернет-магазинах, так и использования этих карт за рубежом» (сообщение Банка России). С тех пор ограничение не снято.

Складываем: в перечне раздела 17 России нет, то есть запрета на уровне договора мы не нашли, а оплата требует карты, выпущенной за пределами России. Легальные варианты для российского пользователя — карта иностранного банка на своё имя, оплата через зарубежное юрлицо или счёт от партнёра-нерезидента. Сервисы-посредники, которые обещают «оплатить за вас в рублях», работают вне договора с платформой: платёж проходит через третье лицо, аккаунт может быть привязан к чужому платёжному инструменту, а возврат денег и продление никак не гарантированы. Мы такой путь не рекомендуем.

Что делать, если оплатить не получается: остаться на бесплатном Starter для обучения и портфолио, собирать статику и выгружать её через платный Workspace единожды, либо выбрать платформу с рублёвой оплатой. Способы оплаты и подводные камни мы разбирали подробнее: как оплатить Webflow — тарифы и способы оплаты.

Мини-вывод: доказано здесь ровно одно — Россия не названа в санкционном перечне раздела 17. Это правовая посылка, а проверкой фактического доступа она не является: тот же раздел оставляет платформе право ограничить доступ по собственному усмотрению. Платёжная сторона упирается в карту отдельно от этого.

Вебфлоу и конкуренты: Тильда и Wix

Webflow vs. Тильда

Это главное сравнение для российского пользователя, поэтому считаем по деньгам и по практике. Цены Тильды — со страницы тарифов tilda.cc на 11 августа 2026 года.

Разница по сути одна: Тильда даёт скорость на готовых блоках, Вебфлоу даёт контроль над каждым свойством. На лендинге эта разница почти не видна. Она проявляется на большом сайте: чтобы поменять оформление компонента на всех страницах, в Вебфлоу правят один класс, в Тильде — идут по страницам.

Обратная сторона контроля — цена входа. Тильда приветлива к новичкам, у неё интерфейс на русском, встроенная CRM, интеграции с российскими сервисами и оплата в рублях. Webflow в 2026 году не локализован, а весь бюджет считается в долларах.

Webflow vs. Wix

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

Вебфлоу устроен иначе: свободного перетаскивания нет, элементы встают в поток документа, как в обычной вёрстке. Отсюда более чистый код на выходе и отсутствие потолка по сложности — и отсюда же более долгий вход. Профессионалу на освоение нужно несколько дней, новичку — недели.

Сильные стороны Webflow

Плюсы, которые видно по странице тарифов и справке платформы.

• Контроль над версткой на уровне свойств. Дизайнер работает теми же классами, отступами и состояниями, что и верстальщик в коде, поэтому стиль компонента правится один раз и расходится по всем страницам, где он стоит.
• Анимации собираются визуально. В таблице возможностей отмечены две строки — «Classic Interactions» и «Interactions with GSAP — Build sophisticated, reusable animations visually on a horizontal timeline». Обе доступны на всех site-тарифах, включая бесплатный Starter.
• Бесплатный тариф не ограничен сроком. Формулировка самой платформы: «Try Webflow for as long as you like with our free Starter plan». Две статические страницы, 50 CMS-записей и адрес на webflow.io — этого хватает, чтобы освоить конструктор и собрать портфолио.
• CMS рассчитана на контентный проект. Справка описывает Premium как тариф «for sites that use Content Management System (CMS) features — like a blog, portfolio, or any page driven by dynamic content», а лимиты по таблице — 20 000 записей и 40 коллекций.
• Хостинг, CDN и бэкапы входят в тариф сайта. В таблице CDN стоит как «Global», бэкапы — «Unlimited», плюс защита от всплесков трафика: «Surge protection — Covers temporary bandwidth spikes». Отдельный хостинг и системный администратор под сайт не нужны.
• Код можно выгрузить и уйти на свой хостинг. FAQ страницы тарифов: «You can export your site and host it anywhere you like with any of our paid Workspace plans, no attribution required». Статическая вёрстка не заперта внутри платформы.
• Обучение у вендора бесплатное. Webflow University заявляет «Free education. Practical resources. Verified accreditation», стартовый курс «Getting Started with Webflow» идёт 23 минуты. Платный там только экзамен: «The Webflow Practitioner Certification exam is $100 USD».

Примеры сайтов на Вебфлоу

Разбирать конструктор по функциям полезно, но нагляднее — чужие проекты. Ниже примеры из раздела клиентских историй Webflow на 11 августа 2026 года: компания, что именно построено, и результат в формулировке самой платформы.

Под заголовком «Trusted by teams at» на той же странице выложены логотипы Dropbox, Discord, Spotify, Reddit, The New York Times, DocuSign, Upwork, Lattice, Monday.com и TED. Формулировка говорит о командах этих компаний; какая именно часть их сайтов собрана в конструкторе, страница не уточняет.

Все цифры в таблице — из собственных клиентских историй платформы, независимой проверки за ними нет. Ближе к практике другой источник: в разделе Made in Webflow часть работ помечена как cloneable, такой проект копируется в свой аккаунт целиком, и устройство страницы видно изнутри — со структурой классов и настройками анимаций.

Ограничения Webflow

Честный список того, во что упираются на практике.

• Это инструмент фронтенда. Сценариев, серверной логики, работы с внешними базами данных в конструкторе нет. Бэкенд собирают на Directual или Bubble, сравнение двух подходов — в разборе Bubble vs. Webflow.
• Экспорт не забирает CMS. Записи и страницы коллекций остаются на платформе, выгружается только статика.
• CMS отсутствует на Basic. Блог или каталог сразу поднимают счёт до Premium.
• Оплата картой в долларах. Для российского пользователя это отдельная задача, а не строка расходов.
• Интерфейс и обучение на английском. Webflow University даёт бесплатные курсы, но русской версии нет.
• Магазин рассчитан на Stripe и PayPal. Российской онлайн-кассы и фискализации по 54-ФЗ во встроенных способах оплаты нет.
• Порог входа выше, чем у блочных конструкторов. Без понимания блочной модели, классов и каскада работа превращается в перебор настроек.

Вебфлоу против традиционной разработки

Платформа не заменяет языки разметки и стилей. Она убирает один стык из процесса — передачу макета от дизайнера верстальщику.

Раньше дизайнер рисовал макет в графическом редакторе и отдавал разработчику, который верстал на HTML и CSS и оживлял страницу на JavaScript. Здесь дизайнер собирает страницу сразу разметкой, минуя отрисовку и согласования. Вопрос «зачем менять порядок, если без разработчика всё равно не обойтись» решается просто: свёрстанная чужими руками страница не всегда совпадает с макетом, а тут контроль над макетом остаётся у автора. Адаптив тоже на нём — конструктор позволяет отдельно собирать раскладку для десктопа, планшета и смартфона.

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

Кому подходит Вебфлоу

Платформа окупается, если вы:

• дизайнер, который хочет отдавать клиенту работающий сайт вместо макета;
• верстальщик, который собирает много однотипных проектов и экономит время на рутине;
• продуктовая команда, которой нужен маркетинговый сайт отдельно от основного продукта, чтобы правки не ждали релиза;
• студия с зарубежными клиентами: оплата в долларах для них естественна, а англоязычный интерфейс не мешает.

Стоит выбрать другое решение, если вы:

• делаете первый сайт и не знаете, чем блочный элемент отличается от строчного;
• работаете с российской аудиторией и вам нужны онлайн-касса, чеки и оплата в рублях;
• считаете бюджет проекта в рублях и не имеете зарубежной карты;
• строите сервис с личным кабинетом, расчётами и базой данных — это задача для платформ веб-приложений;
• ведёте контентный проект и планируете однажды забрать всё содержимое кодом.

Где научиться работать с Вебфлоу

Своя обучающая площадка у платформы — Webflow University, и она бесплатна: страница называет себя «Free education. Practical resources. Verified accreditation.» Там лежат курсы, видео, документация, учебные пути и программа сертификации. Стартовый курс «Getting Started with Webflow» занимает 23 минуты и не требует предварительного опыта.

Материалы разложены по задачам: основы раскладки и блочной модели, работа с CMS, интерактив и анимация на таймлайне, подготовка сайта к поиску и ответам ИИ-систем, роли и права в команде. Всё на английском — русской версии у университета нет.

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

Порядок освоения, который экономит время: сначала базовая вёрстка на HTML и CSS, потом конструктор, потом CMS, и только затем анимация. Обратный порядок приводит к перебору настроек вслепую.

Webflow — это лоукод-платформа. Тех, кто создаёт ИТ-решения с помощью ноу- и лоукода, называют зерокодерами. Они за недели собирают полноценные приложения, на которые в стандартной разработке ушли бы команда и полгода. В нашем университете ZEROCODER можно научиться зерокодингу и зарабатывать сотни тысяч рублей в месяц.

Частые вопросы о Вебфлоу

Что такое Вебфлоу простыми словами?

Это облачный конструктор сайтов, где дизайнер собирает страницу визуально, а платформа отдаёт готовые HTML и CSS и держит сайт на своём хостинге. От блочных конструкторов он отличается тем, что работа идёт напрямую с классами и свойствами CSS, а не с готовыми секциями.

Сколько стоит Webflow в 2026 году?

Тариф Starter бесплатный, Basic стоит 15 $ в месяц, Premium — 25 $ в месяц при оплате за год. Рабочее пространство оплачивается своим счётом: Core 19 $, Growth 49 $. Магазину нужен тариф линейки Ecommerce — Standard 29 $, Plus 74 $, Advanced 212 $ — и он выбирается вместо обычного тарифа сайта. Корпоративный Team стоит 2500 $ в месяц по годовому контракту.

Можно ли пользоваться Webflow из России и как его оплатить?

Россия не входит в перечень территорий под всеобъемлющими санкциями, который платформа приводит в разделе 17 пользовательского соглашения: там названы Куба, Крым, Иран, Северная Корея, ДНР, ЛНР и Сирия. Оплата принимается банковской картой в долларах, а Банк России с 6 марта 2022 года сообщает о недоступности трансграничных операций по картам Visa и Mastercard. Значит, нужна карта, выпущенная за пределами России, либо оплата через зарубежное юрлицо.

Есть ли у Webflow бесплатный тариф?

Да, он называется Starter: две статические страницы, 50 CMS-записей, 1 ГБ трафика в месяц, 50 заявок с форм и адрес вида mysite.webflow.io. Свой домен на нём не подключается.

Можно ли выгрузить код сайта из Webflow?

Да. Экспорт даёт платное рабочее пространство, тариф сайта для него не нужен. Годится любой платный Workspace: FAQ платформы говорит «with any of our paid Workspace plans», и в сравнительной таблице галочка стоит у Freelancer за 16 $, Core за 19 $, Agency за 35 $ и Growth за 49 $. Дешевле всего — Freelancer, 16 $ в месяц при оплате за год. Выгружаются статические HTML и CSS; записи и страницы CMS в экспорт не попадают.

Что выбрать — Webflow или Тильду?

Тильда быстрее на старте, говорит по-русски, принимает рубли и закрывает лендинги и небольшие сайты. Вебфлоу даёт полный контроль над версткой и выигрывает на крупных проектах, где стиль компонента правится один раз для всех страниц. Для российского бизнеса выбор часто упирается в валюту расчётов.

Нужно ли знать HTML и CSS для работы в Webflow?

Базовый уровень обязателен. Конструктор оперирует теми же классами, отступами и свойствами, что и код: без понимания блочной модели и каскада работа сводится к перебору настроек наугад.