Vibe-Block (Вайб-блок) Tilda Publishing представила буквально на днях — 13 мая 2026 года. Это одно из самых громких обновлений платформы за последнее время. Вот основные подробности об этом инструменте:
💡 Что такое Vibe-Block (Вайб-блок)
Это принципиально новый тип блока, работающий на базе искусственного интеллекта. Его главная фишка в «вайб-кодинге»: Вы создаете сложные элементы сайта не руками и не кодом, а простым описанием того, что вам нужно.
Рис. 1. Окно Vibe-Block.
Ключевые возможности:
- Генерация через чат: Вы пишете запрос (например: «Сделай интерактивный калькулятор стоимости ипотеки с ползунками и графиком»), и ИИ тут же собирает работающий блок.
- Сложная логика без кода: блок позволяет создавать вещи, которые раньше требовали либо долгой настройки в Zero Block, либо привлечения программистов: многоступенчатые формы, квизы, калькуляторы калорий, расписания с фильтрами и т.д.
- Итеративная доработка: если результат не идеален, вы просто пишете в чат: «Сделай кнопки побольше и добавь тень при наведении», и блок обновляется.
- Редактирование кода: для профи сохранена возможность заглянуть «под капот» и поправить сгенерированный код вручную.
Где найти Вайб-блок?
В библиотеке блоков Tilda он находится в категории «Другое» → «Вайб-блок».
💡 Главное отличие Вайб-блока от блока T123
- Т123: это статичный Iframe или просто div с кодом. Тильда не знает, что происходит внутри вашего кода. Если вы хотите, чтобы данные из вашего самописного калькулятора попали в стандартную форму Тильды или CRM, Вам придется писать JS-события (через tilda-forms, webhooks и т.д.).
- Vibe Block: он глубоко интегрирован в DOM страницы. Он может обмениваться данными с другими блоками «из коробки». Например, результат расчета в Вайб-блоке может сразу передаваться в корзину или стандартный Zero Block без написания дополнительных скриптов-прослоек.
В блоке T123 процесс выглядел так: идем в стороннюю нейросеть ➡️ пишем промт ➡️ генерируем HTML/CSS-код ➡️ копируем его ➡️ вставляем в Tilda. При этом в самой админке мы видели лишь полотно кода, а не готовый дизайн.
В Вайб-блоке Tilda сделала кастомную разработку нативной частью платформы. Есть интеграция с глобальными стилями проекта. Теперь блок автоматически наследует: сетку Тильды, шрифты, палитру, стили ссылок, кнопки, радиусы скругления, визуальную систему сайта.
На практике это означает: меньше ручной стилизации, меньше дублирования CSS, меньше ошибок, быстрее запуск, единый визуальный стиль.
Скорость загрузки Вайб-блока так же выше, чем у блока T123. У блока T123 код избыточный, а Vibe-Block глубоко интегрирован в DOM страницы.
Скорость загрузки Вайб-блока так же выше, чем у блока T123. У блока T123 код избыточный, а Vibe-Block глубоко интегрирован в DOM страницы.
Полная наглядность: результат виден сразу. Заказчик или вы сами можете редактировать тексты и картинки кликом мышки, не заходя в код.
Код Вайб-блока больше не ломает весь проект. Самое недооцененное изменение — инкапсуляция. Теперь код внутри Vibe Block изолирован. Фактически, Tilda наконец пришла к тому, что давно используют современные frontend-фреймворки: изоляции компонентов. Даже если в коде Вайб-блока будет ошибка, остальные блоки сайта будут отображены.
Рис. 2. Возможность в Vibe-Block наглядно править текст.
💡 Что находится под капотом Vibe-Block
Отдельно стоит поговорить о нейросетях внутри системы. Потому что именно здесь Tilda сделала очень сильный ход.
Всё работает без VPN
Для рынка РФ это критически важно.
Vibe Block позволяет использовать AI-инструменты напрямую внутри платформы без необходимости:
- подключать VPN;
- искать обходные решения;
- использовать сторонние сервисы;
- переключаться между интерфейсами.
Фактически Tilda встроила AI-разработку прямо в рабочий процесс. И это сильно ускоряет создание интерфейсов.
Какие модели доступны
Разберем доступные модели нейросетей в Вайб-блоке и коэффициенты расходования запросов для них.
Уверен, этот список будет расширяться.
Лимиты генераций в Tilda
Tilda встроила ограничения по тарифам.
Для небольших задач этого хватит. Но не расстраивайтесь. Токены можно докупить. Эти 100 запросов стоит всего лишь 100 ₽, на мой взгляд достаточно демократично. Жмём оплатить и оплачиваем через тот же СБП прямо в Тильде, что очень удобно, за это отдельный респект разработчикам.
Стоит понимать, что каждая модель расходует ресурсы неравномерно, под ресурсами понимаются токены.
Например, самая прожорливая, но и самая классная модель — это Claude Sonnet 4.6, она расходует в 14 раз больше ресурсов, чем та же Gemini 3.1.
Рекомендую. Claude применять при необходимости создания какого-то большого блока, либо чего-то достаточно сложного, так как он тратит достаточно много токенов.
Например, самая прожорливая, но и самая классная модель — это Claude Sonnet 4.6, она расходует в 14 раз больше ресурсов, чем та же Gemini 3.1.
Рекомендую. Claude применять при необходимости создания какого-то большого блока, либо чего-то достаточно сложного, так как он тратит достаточно много токенов.
⚖️ Баттл: Vibe-Block против T123
В видео ниже я подробно показываю процесс создания блока с преимуществами на Vibe-Block в Tilda, показываю его отличие от T123. Смотрите тест на реальном промте.
Для теста я взял стандартный блок преимуществ и промтом:
«Сделай блок из 4 преимуществ в ряд. Каждый элемент: иконка (SVG), заголовок и короткий текст. Расстояние между карточками — 20px. При наведении на карточку она должна плавно приподниматься на 10px. Используй логику Flexbox (Auto Layout). Наследуй шрифты и цвета из настроек сайта. Сделай адаптив для мобильных в один столбец».
Сделал блок преимуществ в Вайб-блоке и в блоке T123.
🛠 Дополнительные фишки редактора
Если вам очень хочется, внутри Vibe-Block можно переключиться в режим кода. 🧑💻 Вы можете скопировать удачный код из того же Т123, вставить его в Вайб-блок, сохранить — и вуаля! Блок станет визуальным, и в нем снова можно будет менять контент вручную. При этом не нужно расходовать токены для ИИ внутри Вайб-блока.
Vibe-Block открывает нереальные возможности. В дальнейшем с его помощью можно будет легко и быстро собирать:
- 📝 Удобные квизы и опросы;
- 🔄 Интерактивные слайдеры;
- 🧮 Сложные калькуляторы (ипотечные, расчет стоимости доставки, недвижимости, товаров).
📝 Итог
Vibe Block — это очень важный шаг Tilda в сторону профессиональной разработки.
Платформа наконец начинает уходить от модели:
«конструктор + хаотичный кастом».
И приходит к нормальному low-code подходу, где:
- кастомный код становится нативным;
- адаптив перестает быть болью;
- дизайн-система работает автоматически;
- AI встроен прямо в процесс разработки;
- поддержка проектов становится проще и безопаснее.
Одновременно растет качество интерфейсов.
📝 Заключение
Я однозначно планирую внедрять Вайб-блоки в свои текущие и будущие проекты. Это экономит время разработчика и делает сайт в разы удобнее для конечного заказчика. 🌟
Выигрывают не те, кто просто умеет вставлять код, а те, кто умеет:
- проектировать UX;
- строить конверсионную структуру;
- продумывать логику;
- делать интерфейсы удобными;
- собирать сложные сценарии без перегруза.
Именно этим я занимаемся в студии U11.
Если вам нужен:
- high-conversion лендинг;
- сложный калькулятор;
- нестандартный интерфейс;
- глубокая интеграция;
- современный low-code проект на Tilda.
Теперь это можно делать быстрее, чище и намного стабильнее, чем раньше.
А как вам такое обновление от Tilda? Будете использовать в работе или остаетесь верны Zero-блоку и T123?
Хотите сайт на Tilda с использованием новейшего Vibe-Block для мгновенной загрузки? Оставьте заявку на аудит вашего проекта в форме ниже или по телефону.
Нужен технически грамотный проект, который работает на бизнес, а не просит постоянных обновлений и вложений? Давайте обсудим Ваш проект!
Спасибо за прочтение. Если Вам нужен поток клиентов - просто позвоните по т. +7 (999) 003-88-77 или заполните форму ниже. Я Вам перезвоню в течение нескольких минут.
Всем хорошего настроения и творческих успехов! 🙌
