re-blockСайт на Тильде — от одной фразы до сдачи
re-block ведёт сайт по всему пути: бриф, план, сборка, превью, проверка, заливка в Вайб-блоки и документы для заказчика. ИИ пишет код — решаете вы.
Без подписки. Неизрасходованный остаток вернём по требованиюРаботает в России без VPN. Телефоны, почты и имена клиентов прячем — модель видит болванки.
лендинг целиком, с правками. Платите только за то, что пишет ИИ.
превью, проверка страницы, заливка в Тильду и документы для заказчика.
- Вайб-блоки Тильды
- Каталог товаров
- Потоки
- Figma
- .tildastyles
- DESIGN.md
- Google Fonts и свои шрифты
Восемь шагов от идеи до сданного сайта
Одно окно на app.re-block.ru, а мост — расширение для Chrome — кладёт готовое в редактор Тильды. Любой шаг можно пройти заново: вернуться к брифу, переставить план, переписать одну секцию.
Каждый сайт — своя папка и свой разговор
Заведите проект с именем — re-block держит его на вашем компьютере: секции, картинки, разговор и историю правок. Закрыли вкладку — завтра продолжите с того же места.
Как устроен проектС чистого листа
Название и одна фраза о сайте — остальное чат спросит сам.
Редизайн по адресу
Ссылка на старый сайт — тексты и структура переедут в новый дизайн.
Свой проект как основа
Прошлый сайт за образец: стиль и приёмы те же, контакты — болванками.
Всё в вашей папке
Секции — обычные HTML-файлы. Их можно править руками и хранить в git.
Расскажите, как удобно: фразой, макетом или ссылкой
Опросник в два шага — сначала бриф, потом уточнения. Не знаете, с чего начать, — пример брифа заполнит всё одной кнопкой, а вы поправите.
Одна фраза и пара кликов
Опишите сайт своими словами, а в опроснике выберите тон, шрифты, эффекты и форму — каждый вариант с живой миниатюрой. Чего не хватает, чат спросит на плане, а не выдумает.
Макет из Figma — один в один
Ссылка на фрейм — и секция повторит его по числам: отступы, кегли, цвета, шрифты. Проверка макета заранее подскажет, что поправить в самой Figma.
Референсы — к сайту или к секции
До восьми картинок и PDF. Референс можно привязать к одной секции — она возьмёт его ритм и раскладку, а сверка снимка покажет, насколько близко вышло.
Свой стиль или готовый
DESIGN.md, файл .tildastyles из настроек сайта или одна из полутора сотен дизайн-систем. Шрифты — Google или своими файлами, сетка — по вашим брейкпоинтам.
Тексты заказчика — без пересказа
Приложите .docx и выберите: дословно, подправить или пусть пишет чат. «Дословно» значит дословно — заголовки не придумываются.
План — до первой строчки кода
Чат раскладывает сайт на страницы и секции: что в каждой, какое фото, куда ведёт меню. План двигается руками, а карта сайта показывает всё дерево целиком. Секции пишутся только после вашего «Собрать».
Как читать планПравка руками
Переставить, убрать, добавить секцию из палитры: каталог, новости, партнёры, карта, своя.
Меню второго уровня
Выпадающие пункты, якоря по секциям, страница без ссылки — найдётся.
Чего не хватает
Телефон, адрес, id Метрики — чат спросит здесь, а не напишет выдумку.
Карта в PDF
Согласуйте состав с заказчиком до начала работы.
Секции пишутся по одной и сразу ложатся в папку
Каждая секция — отдельный Вайб-блок с понятной разметкой: кнопки ссылками, заголовки текстом. Панель СТИЛЬ в Тильде видит их как родные.
88 эффектов
Появление, стекло, бегущая строка, счётчики. И ещё 26 для заголовков и 82 для меню.
Окна и формы
Несколько окон на странице, форма с переходом на «Спасибо», капча не прячется под окном.
Каталог и Потоки
Витрина из магазина Тильды с живыми ценами и корзиной, новости из Потоков — в дизайне сайта.
Служебные страницы
«Спасибо», 404, политика, согласие, оферта — в том же дизайне, со своим SEO.
Фото к секции
Кнопка «+ фото» рисует кадр под секцию. Битые снимки со стока заменятся сами.
Видео
Ролик ссылкой или файл .mp4 на фон секции.
Смотрите и правьте до Тильды
Превью показывает страницу на телефоне, компьютере и широком экране. Правки — словами в чате, а мелочи — мышкой прямо в превью, без ИИ и бесплатно.
Правка словами
Переписывается только названная секция. Можно приложить скриншот.
Кнопка «Элемент»
Ткните в превью — чат поймёт, о чём речь.
Правка без ИИ
Текст, ссылка, кегль, картинка и фон — мышкой.
История версий
У каждой секции свои версии: открыть и вернуть.
Правки из Тильды
Поправили в панели СТИЛЬ — заберите их в файлы.
То, что заказчик заметит первым, — заметите вы
Без ИИ и бесплатно: каждая секция замеряется на компьютере и телефоне. Отмеченное чинится одной кнопкой, решения дизайнера остаются за вами.
- Контраст, мелкий текст, длина строки
- Кнопки одной формы и под палец
- Сетка и вылет вбок на телефоне
- Мёртвые ссылки и форма без «Спасибо»
Одно нажатие — и сайт в Вайб-блоках
Мост — расширение для Chrome — кладёт секции в редактор Тильды: блоки, SEO в настройках, код в HEAD, картинки. Повторная заливка обновляет блоки на месте, а не плодит новые.
Как поставить мостВсе страницы разом
Недостающие страницы мост заведёт сам и зальёт подряд.
Картинки сами
Фото уезжают в Тильду до секций, ссылки поправляются.
Стили сайта
Файл .tildastyles: цвета, шрифты и кнопки — в настройки сайта Тильды.
Без Google
Шрифты своими файлами — для сайтов, где Google нельзя.
Сдайте не только сайт, но и всё вокруг
Для заказчика без доступа в Тильду — ссылка, документы и инструкция. Всё собирается из самого проекта.
Ссылка «Было / Стало»
Новая версия рядом с прежней — заказчик смотрит без доступа в Тильду.
КП и карта сайта
По плану: экраны, страницы и что нужно от заказчика.
Обоснование дизайна
Что сделано и зачем — в печать и в PDF.
Инструкция заказчику
Где что менять и куда ведёт каждая кнопка.
Версия на другом языке
Копия страниц на английском или другом языке.
Мелочи, которые обычно делаются руками
Личные данные — болванками
Телефон и почта уходят на сервер подменой, в секцию возвращаются настоящими.
Пункт меню «вы здесь»
Меню подсвечивает раздел, который сейчас на экране.
Своя сетка
Колонки и поля по вашим брейкпоинтам.
Окна бок о бок
Разговор, превью, заливка и сдача — лентой колонок.
Пример брифа
Весь опросник одной кнопкой — чтобы посмотреть, как это работает.
Поддержка в приложении
Пишете со скриншотами — ответ приходит туда же.
Картинка для соцсетей
Обложка и знак сайта — из самой страницы.
Курс вёрстки
Как панель Тильды видит код — короткими уроками.
Тильда остаётся вашей
Публикуете вы
Заливка идёт в черновик. Опубликовать — вашей кнопкой, в Тильде или в приложении.
Ничего не удаляет
Ни блоков в Тильде, ни файлов в папке. Пропавшую секцию назовёт, удалять — вам.
Файлы у вас
Секции — обычные HTML-файлы в вашей папке, с историей версий.
Правки не теряются
Поправили блок в панели СТИЛЬ — при следующей заливке правка переедет в новый код.
Платите только за то, что пишет ИИ
Подписки нет. Для начала кладём на счёт 200 ₽ — этого хватает примерно на один лендинг. Дальше пополняете счёт сами: деньги списываются, когда чат пишет и правит секции. Сколько стоила каждая операция и сколько осталось, видно в панели.
Баланс не сгорает. Неизрасходованный остаток вернём по требованию в течение 10 дней. Пароль появляется на экране сразу после первой оплаты.
Коротко о главном
Нужно ли уметь верстать?
Нет. Вы описываете сайт словами, чат пишет код. Мелочи потом можно поправить в превью мышкой или в панели СТИЛЬ Тильды — кнопка «Забрать правки из Тильды» перенесёт их в файлы.
Что нужно поставить?
Chrome или браузер на его основе и мост re-block из магазина Chrome. Само приложение открывается на app.re-block.ru.
Сколько стоит лендинг?
Обычно 150–300 ₽ — смотря сколько секций и сколько раз переделывать. Стоимость каждой операции видна в панели.
Можно вернуться на шаг назад?
Да. Бриф, план и любую секцию можно открыть заново: ответы опросника сохраняются, у каждой секции есть история версий.
Это продукт Тильды?
Нет. re-block сделан независимо и не связан с компанией «Тильда Паблишинг».
Соберите следующий сайт разговором
Первый лендинг — за вечер, а не за неделю. Вопросы — в телеграм @vitas_gref.