🚀 Революция в Tilda: обзор нового Vibe-Block (Вайб-блок) с искусственным интеллектом
Друзья, тильда выкатила крутое обновление Vibe-Block (вайб-блок). Этот блок позволяет работать с блоком Тильда через нейросети. Основное отличие от блока Т123: нам не нужно сначала писать код самостоятельно либо через нейронку, а дальше HTML-код вставлять в этот блок. Мы работаем напрямую через вайб-блок. Я покажу небольшой пример на своём сайте под стандартный блок с кейсами. Я создам блок с преимуществами по принципу блока T123, а также через вайб-блок. 💡Для того чтобы добавить вайб-блок, мы переходим во вкладку другое видим Вайб-блок, там же и блок, расположенный T 123. Также данный блок, как и Zero блок, теперь размещён отдельно. Выбираем вайб-блок. И здесь мы видим доступные нейросети, которыми мы можем пользоваться. Пользоваться мы можем без VPN, что достаточно удобно. Но стоит понимать, что это не просто аттракцион невиданной щедрости. У этого блока есть лимиты. 📊 Мы видим, по лимитам на тарифе бизнес пятьдесят запросов в день либо 100 запросов в месяц. На тарифе Personnal и Free запросов чуть меньше. Стоит понимать, что каждая модель расходует ресурсы неравномерно под ресурсами понимаются токены. 📈 Например, самая прожорливая, но и самая классная модель — это Claude Sonnet 4.6, она расходует в 14 раз больше ресурсов, чем та же Gemini 3.1. Рекомендую. Claude применять при необходимости создания какого-то большого блока, либо чего-то достаточно сложного, так как он тратит достаточно много токенов. Но не пугайтесь. Токены можно докупить. Это 100 запросов стоит всего лишь 100 ₽, на мой взгляд достаточно демократично. Жмём оплатить и оплачиваем через тот же СБП прямо в Тильде, что очень удобно, за это отдельный респект разработчикам. Итак, я подготовил небольшой Промт с преимуществами. 🛠 И дальше я бы хотел установить Ваше внимание на том, что этот блок, в отличие от того же Т123, наследует глобальные шрифты и стили сайта. Выбираем в вайб-блоке модель Gemini. Копируем прямо в него текст промта ниже: «Сделай блок из 4 преимуществ в ряд, см. выше. Каждый элемент: иконка (SVG), заголовок и короткий текст. Расстояние между карточками — 20px. При наведении на карточку она должна плавно приподниматься на 10px. Используй логику Flexbox (Auto Layout). Наследуй шрифты и цвета из настроек сайта. Сделай адаптив для мобильных в один столбец». 🔄 Итак, смотрим, что получится. Пока мы ждём. Предлагаю в Gemini, написать тот же промт и посмотреть, в чём будет разница с блоком T123. Также хочу отметить, что в вайб-блоке, если даже мы что-то укажем некорректно в HTML коде, весь сайт у нас не поломается, так как этот блок воспринимается для Тильды как «родной» блок. Также его скорость достаточно высокая, и здесь можно прямо редактировать текст и картинки, не расходовая токены. 📝 Давайте посмотрим, что получилось у нас с данным блоком преимуществ на самом сайте. Обратите внимание, что всё у нас расположено по сетке. На мобильном устройстве тоже все корректно, у нас есть стандартные отступы. Создадим данный блок преимуществ через T123. Вставляем такой же промт в нейросеть Gemini. Полученный HTML код вставляем в блок T123. ✨ Смотрим, что мы получили? Сравниваем блок, который мы сделали в вай-блоке с блоком, который у нас делал в Т123. 🛠Шрифт в блоке Т123, совсем не похож на тот, который нам нужен. Вместо Inter, здесь шрифт, с засечками и размер шрифта тоже не попал. Хотя в целом карточка смотрится достаточно интересно. 📱 Смотрим, что мы получили на мобильном устройстве. Примерно размер карточки и отступы одинаковые. Единственное, шрифт, который использовал блок Т123, достаточно маленький. Как заключение, могу сказать следующее. Блок, который мы сделали через вайб-блок, имеет ряд преимуществ. На мой взгляд. Преимуществ в том, что в админке блока Т123 мы не понимаем, что и как выглядит. В вайб-блоке же всё наглядно, причём всё можно редактировать. Для заказчика это гораздо удобней, да и для нас самих тоже. Не знаю, кто как. Я планирую в свои проекты внедрять вай-блоки. Мне он понравился. Что могу ещё предложить? В вайб-блоке есть редактор. ✏️ Редактировать можно промтом, прямо текстовым запросом. Так же мы можем редактировать код. Код мы можем заменить на тот, который мы делали в блоке Т123. Сохраняем его. И что мы видим? Мы здесь можем менять контент, в отличие от блока T1 23. 🧮 В данном вайб-блоке мы можем загружать картинки и тексты, блок выглядит очень интересно, презентабельно. Вайб-блок позволит в дальнейшем делать удобные квизы-обросы, слайдеры, калькуляторы всевозможные ипотечные калькуляторы, калькуляторы стоимости товара, недвижимости, доставки. Рекомендую изучать данную тему я напишу небольшой пост ещё на тему вайб-блоков и хочу услышать ваше мнение. 🙌 Всем хорошего настроения и творческих успехов.
Друзья, тильда выкатила крутое обновление Vibe-Block (вайб-блок). Этот блок позволяет работать с блоком Тильда через нейросети. Основное отличие от блока Т123: нам не нужно сначала писать код самостоятельно либо через нейронку, а дальше HTML-код вставлять в этот блок. Мы работаем напрямую через вайб-блок. Я покажу небольшой пример на своём сайте под стандартный блок с кейсами. Я создам блок с преимуществами по принципу блока T123, а также через вайб-блок. 💡Для того чтобы добавить вайб-блок, мы переходим во вкладку другое видим Вайб-блок, там же и блок, расположенный T 123. Также данный блок, как и Zero блок, теперь размещён отдельно. Выбираем вайб-блок. И здесь мы видим доступные нейросети, которыми мы можем пользоваться. Пользоваться мы можем без VPN, что достаточно удобно. Но стоит понимать, что это не просто аттракцион невиданной щедрости. У этого блока есть лимиты. 📊 Мы видим, по лимитам на тарифе бизнес пятьдесят запросов в день либо 100 запросов в месяц. На тарифе Personnal и Free запросов чуть меньше. Стоит понимать, что каждая модель расходует ресурсы неравномерно под ресурсами понимаются токены. 📈 Например, самая прожорливая, но и самая классная модель — это Claude Sonnet 4.6, она расходует в 14 раз больше ресурсов, чем та же Gemini 3.1. Рекомендую. Claude применять при необходимости создания какого-то большого блока, либо чего-то достаточно сложного, так как он тратит достаточно много токенов. Но не пугайтесь. Токены можно докупить. Это 100 запросов стоит всего лишь 100 ₽, на мой взгляд достаточно демократично. Жмём оплатить и оплачиваем через тот же СБП прямо в Тильде, что очень удобно, за это отдельный респект разработчикам. Итак, я подготовил небольшой Промт с преимуществами. 🛠 И дальше я бы хотел установить Ваше внимание на том, что этот блок, в отличие от того же Т123, наследует глобальные шрифты и стили сайта. Выбираем в вайб-блоке модель Gemini. Копируем прямо в него текст промта ниже: «Сделай блок из 4 преимуществ в ряд, см. выше. Каждый элемент: иконка (SVG), заголовок и короткий текст. Расстояние между карточками — 20px. При наведении на карточку она должна плавно приподниматься на 10px. Используй логику Flexbox (Auto Layout). Наследуй шрифты и цвета из настроек сайта. Сделай адаптив для мобильных в один столбец». 🔄 Итак, смотрим, что получится. Пока мы ждём. Предлагаю в Gemini, написать тот же промт и посмотреть, в чём будет разница с блоком T123. Также хочу отметить, что в вайб-блоке, если даже мы что-то укажем некорректно в HTML коде, весь сайт у нас не поломается, так как этот блок воспринимается для Тильды как «родной» блок. Также его скорость достаточно высокая, и здесь можно прямо редактировать текст и картинки, не расходовая токены. 📝 Давайте посмотрим, что получилось у нас с данным блоком преимуществ на самом сайте. Обратите внимание, что всё у нас расположено по сетке. На мобильном устройстве тоже все корректно, у нас есть стандартные отступы. Создадим данный блок преимуществ через T123. Вставляем такой же промт в нейросеть Gemini. Полученный HTML код вставляем в блок T123. ✨ Смотрим, что мы получили? Сравниваем блок, который мы сделали в вай-блоке с блоком, который у нас делал в Т123. 🛠Шрифт в блоке Т123, совсем не похож на тот, который нам нужен. Вместо Inter, здесь шрифт, с засечками и размер шрифта тоже не попал. Хотя в целом карточка смотрится достаточно интересно. 📱 Смотрим, что мы получили на мобильном устройстве. Примерно размер карточки и отступы одинаковые. Единственное, шрифт, который использовал блок Т123, достаточно маленький. Как заключение, могу сказать следующее. Блок, который мы сделали через вайб-блок, имеет ряд преимуществ. На мой взгляд. Преимуществ в том, что в админке блока Т123 мы не понимаем, что и как выглядит. В вайб-блоке же всё наглядно, причём всё можно редактировать. Для заказчика это гораздо удобней, да и для нас самих тоже. Не знаю, кто как. Я планирую в свои проекты внедрять вай-блоки. Мне он понравился. Что могу ещё предложить? В вайб-блоке есть редактор. ✏️ Редактировать можно промтом, прямо текстовым запросом. Так же мы можем редактировать код. Код мы можем заменить на тот, который мы делали в блоке Т123. Сохраняем его. И что мы видим? Мы здесь можем менять контент, в отличие от блока T1 23. 🧮 В данном вайб-блоке мы можем загружать картинки и тексты, блок выглядит очень интересно, презентабельно. Вайб-блок позволит в дальнейшем делать удобные квизы-обросы, слайдеры, калькуляторы всевозможные ипотечные калькуляторы, калькуляторы стоимости товара, недвижимости, доставки. Рекомендую изучать данную тему я напишу небольшой пост ещё на тему вайб-блоков и хочу услышать ваше мнение. 🙌 Всем хорошего настроения и творческих успехов.