Почему Tilda уступает Webflow по всем показателям

Привет, меня зовут Николай Алексеев! Я — основатель студии разработки Fluid. Среди наших клиентов: Самолет, Сбер, Касперский, Charmer Studiо, AWG, Max и другие российские и зарубежные компании. А большинство сайтов мы верстаем именно на Webflow. Также я являюсь сооснователем и главным экспертом онлайн-школы по созданию сайтов Pixel Perfect. И сегодня хочу поделиться честным мнением о том, почему что Tilda и Webflow – не конкуренты.

Почему Tilda уступает Webflow по всем показателям

Еще в 2000-х с Wordpress и Shopify начался тренд на упрощение разработки. С тех пор появились десятки, так называемых, «no-code» инструментов для создания сайтов, сервисов и приложений.

В нише создания сайтов на российском рынке явными лидерами стали Wix, Readymag и Tilda. Как заявляется, с помощью этих сервисов можно в короткие сроки создавать любые сайты без навыков программирования. Лидирующую роль заняла именно Tilda и долгое время она оставалась главным инструментом для создания сайтов у фрилансеров, а также студий.

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

Долгое время Webflow оставался в тени, но пару лет назад на рынке начали происходить заметные изменения. Все больше разработчиков и студий стали верстать на Webflow (по понятным причинам), и даже некоторые заказчики стали приходить с конкретным запросом — хочу сайт на Webflow. С этих пор Tilda и Webflow начали постоянно сравнивать. Мы же в студии и в школе даже близко не считаем Tilda и Webflow конкурентами. Давайте разбираться, почему.

Tilda – это Paint, а Webflow – Photoshop для создания сайтов

Итак, для начала давайте посмотрим, как выглядит процесс создания сайта на Tilda? По сути, все, что вы делаете, это перетаскиваете элементы по канве, создавая дизайн. Со стороны кажется, что все в порядке, однако тут и начинаются подводные камни.

Шаблоны, костыли и ограниченный функционал

Tilda сильно ограничена шаблонами и костылями. Многие, казалось бы, простые действия сделать в Tilda просто невозможно. Например, попробуйте скруглить один угол. Для этого простого действия вам понадобятся костыльные решения. И речь идёт про тот самый zero block, про который говорят на каждом курсе по созданию сайтов: «Ты можешь реализовать любое решение!».

Отсутствие функции скругления одного угла у фигуры в Tilda
Отсутствие функции скругления одного угла у фигуры в Tilda

Поехали дальше. При создании сайтов нам часто надо создавать несколько страниц с похожим дизайном. Как это реализовать в Tilda? Собирать руками каждую страницу с нуля. Даже если это и 10, и 20, и 50 страниц. Я видел сайт и на 100+ страниц на Tilda и, поверьте, это задачка не для слабонервных.

Что касается Webflow, здесь все максимально сделано для людей. Сборка сайта на Webflow напоминает сборку детского конструктора. Мы готовим UI-kit, в котором создаем все начертания шрифтов, цвета, секции, контейнеры, кнопки, систему отступов и повторяющихся классов. После этого сборка макета просто штампуется через ctrl-c + ctrl-v и корректировку лейаутов. Эта функция является колоссальным преимуществом по сравнению с Tilda.

Интерфейс в Webflow
Интерфейс в Webflow

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

Создание мобильной версии сайта с Tilda превращается в ад

Как сделать в Tilda адаптивные версии сайта под разные устройства? Все правильно, опять вручную. Сначала придется помучаться с брейкпоинтами, где все постоянно будет съезжать. И опять же придется прибегнуть к костыльными решениям, чтобы скрыть какие-то элементы. Ведь в Tilda на мобильной версии отображаются все элементы десктопа, ты не можешь их убрать. В итоге мобильные версии на Tilda получаются костыльными и дольше грузятся из-за лишних элементов. А большинство трафика на сайт приходит именно с мобильной версии.

Единственный способ скрыть элементы в мобильной версии в Tilda — вынести элементы за экран. Из-за лишних элементов сайт грузится дольше.
Единственный способ скрыть элементы в мобильной версии в Tilda — вынести элементы за экран. Из-за лишних элементов сайт грузится дольше.

Тем временем, на Webflow адаптив делается в три кнопки. А ненужные элементы убираются специальной функцией «скрыть». Именно по этой причине для всех учеников, кто приходит к нам после Tilda, делать адаптивность в Webflow – отдельный вид удовольствия.

Грязный код

Для нас и наших заказчиков важна чистая вёрстка, где нет лишнего мусора в коде. Именно поэтому мы верстаем именно на Webflow, где качество кода из всех-всех возможных инструментов самое высокое.

Когда речь заходит о популярных конструкторах, в том числе о Tilda, код там просто не приспособлен к выгрузке и дальнейшей доработке. Это сложный, запутанный и грязный код, который плохо влияет на ранжирование страниц и тормозит сайт.

Сравнение кода в Webflow и Tilda
Сравнение кода в Webflow и Tilda

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

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

Низкий порог входа и сайты за 5000 руб

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

Это не значит, что на Tilda нельзя хорошо заработать. Как я упоминал, я тоже с неё начинал. Но с Webflow зарабатывать стабильно и много гораздо проще.

Во-первых, мало хороших специалистов на Webflow. На его освоение понадобиться больше времени, чем на изучение Tilda. И курсов по Webflow на российском рынке не так много.

Во-вторых, Webflow открывает доступ на международный рынок, так как он хорошо известен на за рубежом. С ним можно идти не только в российскую студию, но и в зарубежную. А еще можно фрилансить из любой точки на Upwork, зарабатывая в валюте.Tilda здесь сильно уступает, так как это российский продукт, заточенный под Россию и СНГ. За рубежом Tilda не пользуются.

На данный момент, рынок no-code и low-code разработки продолжает расти. И самый большой потенциал среди всех похожих инструментов демонстрирует именно Webflow. Мы наблюдаем как крупнейшие российские студии, такие как Redis, Луч и Embacy, полностью перешли на верстку только на Webflow для своих клиентов. Так как она максимально приближенна по качеству к классической верстке.

И все больше дизайнеров и разработчиков переходят с Tilda на Webflow, делая выбор в пользу более серьезной разработки.

больше про ноу-код разработку, верстку на Webflow и заработок на международном рынке на Upwork можно узнать у нас в Telegram-канале

а попробовать сверстать свой первый сайт можно по нашим урокам на YouTube

5454
53 комментария

Подписываюсь.
Tilda — это неудобное говнище, с которым надо буквально ебаться, чтобы реализовать то, что задумал.
А некоторые банальные вещи в принципе нереализуемы из-за скудного функционала.

А еще я ненавижу Tilda за то, что они с какого то хуя принудительно прописали всем заголовкам межстрочное расстояние 1,5. И ты должен колхозить отдельный css только чтобы исправить эту хуйню для своего шрифта. Горите в аду за это.

И еще, в карточке товара при выборе доп опции в товаре нельзя использовать + к цене в процентах % , только фиксированную сумму можно плюсовать — идиотизм.

14
Ответить

Так межстрочные расстояния настраиваются

1
Ответить

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

1
Ответить

Сегодня это одна из самых быстрорастущих CMS-систем в мире.Похоже на пиздежь. Никуда она не растет от слова совсем. Тем более быстро. По вашей же ссылке:

7
Ответить

Нашел)

3
Ответить

А тильды какой тренд? Есть ощущение что он выглядит получше

1
Ответить

Тильда и WebFlow это конструкторы для разных аудиторий. Их сравнивать как теплое с мягким )

3
Ответить