12 мая

Vibe Block – новый способ создания сайтов

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

Что такое Вайб-блок

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

Где найти: Библиотека блоков → Другое → Вайб-блок
Как это работает

1. Опишите, что нужно
Пишите запрос в свободной форме, не нужно думать о технической стороне. Чем детальнее вы опишите вашу идею, тем точнее будет результат.

2. ИИ создаёт блок
Через несколько секунд на странице появляется готовый блок, исходя из вашего описания.

3. Дорабатывайте через чат
Если хочется внести изменения в блок, делайте это через чат. Если разбираетесь в коде, его тоже можно редактировать.

Как использовать. Примеры с промтами

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

Вайб-блок будет полезен в разных ситуациях:
  • нужен нестандартный интерактив — опишите механику, ИИ реализует её;
  • хотите быстро собрать черновик — Вайб-блок ускорит работу в несколько раз;
  • клиент дал расплывчатое ТЗ — сгенерируйте несколько вариантов и покажите на выбор.

Ниже — несколько примеров, на что способен Вайб-блок, и как можно использовать его возможности.
Расписание конференции
Запрос: Создай расписание конференции в современном стиле с табами по дням недели.
Стиль: чистый, светлый, премиальный, технологичный, карточки с мягкими тенями, акцентный цвет для категорий, аккуратная сетка, сильная типографика как в премиальных сайтах. Читать полностью
Калькулятор калорий
Запрос: Создай современный интерактивный калькулятор дневной нормы калорий и БЖУ. Сделай визуально сильный дизайнерский блок. Слева — крупный продающий текст. Справа — карточка с формой калькулятора. После расчёта пользователь видит дневную норму калорий и БЖУ. Читать полностью.
Квиз
Запрос: Создай интерактивный квиз. Тема квиза: основные термины типографики.
Блок должен выглядеть как современный интерактивный тест с сильным дизайном.
Структура: стартовый экран: заголовок, описание, кнопка “Начать тест”. Экран вопроса: счётчик “Вопрос 1 из 5”, текст вопроса, варианты ответов в виде крупных кликабельных карточек, кнопка “Далее”. Читать полностью
Больше примеров
*этот блок тоже сделан с помощью Вайб-блока

Лимиты для разных тарифов:


  • Free: 5 запросов/день, 20 запросов/30 дней
  • Personal и Business: 50 запросов/день, 100 запросов/30 дней

Читайте также

Единая система оформления вашего проекта

Узнать больше

Менять порядок элементов внутри автолейаута

Узнать больше
Made on
Tilda