Путь третий · наша модель, вход по паролю

Наш чат

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

Доступ с нашим чатом — 490 ₽ в месяц; продукт пока закрытый, пароль выдаём вручную. Генерация оплачивается отдельно: баланс пополняется в панели и списывается по расходу — сколько модель написала, столько и стоило. Порядок цифр: секция около 11 ₽, лендинг целиком 150–300 ₽, смотря сколько раз переделаете. Подробнее — в «Что стоит знать» ниже.

Что понадобится

1Chromeс установленным расширением: чат живёт в панели, отдельной страницы у него нет.
2Парольчат работает по нему. Кнопка «Чат» в шапке видна всегда, внутри без пароля — карточка «Ключ к чату».
3Тильдапроект с Вайб-блоком и права на редактирование страниц.
4Папката же, что и для заливки. Пустая под новый проект или уже с секциями.

Порядок работы

Открыть чат

Панель открывается заливщиком, вкладок в ней нет. Чат показывается кнопкой Чат в шапке, рядом с темой; нажать ещё раз — спрятать. Выбор запоминается.

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

Выбрать папку

Ту же, что и для заливки. Секции, README.txt, styles.json и картинки лежат в ней — у вас на компьютере. Наружу уходит текст разговора: бриф, ответы на вопросы, опись папки (имена файлов, размеры, размеры картинок в пикселях). Сами картинки из папки не уходят никуда.

Приложить, что уже есть

Три карточки над полем ввода, все три — по желанию:

  • Макет из Figma. Перетащите вкладку с макетом прямо на панель или вставьте ссылку из буфера — она узнаётся сама. В ссылке должен быть ?node-id=, иначе непонятно, какой фрейм разбирать. Панель сходит в Figma из вашего браузера и покажет разбор числами: поля и колонки сетки, границы полос, шаг рядов, палитра по частоте, начертания, кадры картинок. Наружу уходит только этот текст — ни токен, ни дерево макета к нам не попадают.
  • Референс. До трёх картинок «хочу похоже на это». Ужимаются у вас же в браузере и уходят один раз, вместе с брифом: план снимает палитру, типографику и приёмы и пишет разбор словами. Что именно сняли — видно карточкой «Снято с референса».
  • Дизайн-система. Поиск по 150 системам с образцами и палитрой. Выбрали — секции пишутся в её цветах и шрифтах. Выбор запоминается вместе с планом, чтобы вторая секция не приехала в чужих цветах.

Написать бриф и ответить на вопросы

Одна фраза о том, что за сайт. В ответ приходит план: страницы, секции на каждой, что в секции, плюс вопросы — технические страницы, шапка и подвал отдельными страницами или блоками, чего не хватает (id Метрики, телефон).

Разобрали макет — бриф можно не писать вовсе: жмите стрелку с пустым полем. В макете есть полосы, сетка, ритм, палитра и настоящие тексты — больше, чем в фразе, которую пришлось бы сочинить специально.

Выбрать, чем писать

Полоса над лентой со списком моделей. Отмечена та, которой панель пишет по умолчанию; остальные дешевле и короче. Не трогали — пишет отмеченная.

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

Собрать

Секции пишутся по одной и ложатся в папку сразу, а не в конце. Закрыли панель на середине — написанное осталось, разговор поднимется с того же места.

Править и заливать

Наведитесь на строку секции в списке — и правьте словами: переписывается одна секция, соседи не трогаются. К правке можно приложить до двух картинок — вставить из буфера, перетащить файлом или скрепкой. Скриншот модель посмотрит и поправит показанное; фото для сайта переключите под превью на «в папку» — оно ляжет в images/, секция сошлётся на него, а заливщик отправит его в Тильду.

Дальше обычная заливка: вкладка заливщика, страница из списка, Залить. Повторная заливка обновит только те блоки, чей текст изменился.

Что стоит знать

Сколько это стоит на самом деле Цифры не с потолка, а с живого проекта — портфолио актёра, девять секций. План к нему обошёлся в 14 ₽, секции — по 11 ₽ каждая, сборка финального файла — полтора рубля: 113 ₽ за всё задание. Но настоящая цена лендинга выше, и врать тут незачем: в тот же день план и десять секций были собраны и переделаны заново, и день целиком встал в 279 ₽. Переделка — обычный ход работы, а не сбой, и оплачивается она так же. Считайте 150–300 ₽ за лендинг, смотря сколько раз перебирать.
Первая секция в задании дороже остальных Вместе с ней модель первый раз читает весь свод правил Вайб-блока — это разовые 22 ₽ вместо 11. Дальше свод лежит у неё в кэше и стоит копейки, поэтому вторая и все следующие секции идут по 11 ₽. Пугаться первой цифры не надо: на девяти секциях разница теряется, а вот если сделать одну секцию и посмотреть на счёт, она бросается в глаза.
Бриф уходит не только в план, но и в каждую секцию Секции пишутся по одной, отдельными запросами. Та, что знает про себя только «блок с командой», сочинит и название конторы, и её тон. Поэтому лишние две-три фразы — чем занимаетесь, для кого, каким голосом говорите — окупаются на всех секциях сразу, а не только в плане.
Факты бриф не заменяет Телефоны, цифры, адреса и цены секции берут только из ответов на вопросы. Брошенное в брифе «работаем двенадцать лет» на сайте не появится, пока не пройдёт через опросник, — иначе цифра, сказанная вскользь, разошлась бы по лендингу как факт.
Разговор ничего не переписывает сам Спросите словами — «а почему нет блока с ценами», «тут что-то не то» — и получите ответ. Если из слов понятно, какую секцию править, панель назовёт её сама, наведёт прицел и подставит готовую формулировку. Но секцию перепишет только отправленная правка, а не сам разговор.
Дешевле — не то же, что выгоднее Разница между моделями видна не в отказах, а в тексте: секции короче, копирайт бледнее, изредка одна из дюжины обрывается на пределе длины. Поэтому список моделей стоит на виду, а не в настройках: это решение дизайнера, а не наша экономия.
Блок и страницу в собранный проект можно добавить «Добавь блок с отзывами после туров» — и в ленте появится карточка: имя файла, что в нём будет, после какой секции встанет. Пока не нажата кнопка, ничего не написано. Задание уже открыто, поэтому добавка его не стоит. Страницу в Тильде при этом надо создать руками: заливщик заливает в открытую, страниц он не заводит.
Правим файлы в папке, а не в панели СТИЛЬ Правки, сделанные в СТИЛЬ, живут в коде блока и при следующей заливке затрутся файлом. Просите переделать секцию в чате — тогда правка ляжет в файл и переживёт любую перезаливку.

Если что-то пошло не так

Секция приехала обрезанной

Предел длины ответа. Чаще всего это дешёвая модель на длинной секции: переключите полосу моделей на основную и попросите переделать именно эту секцию — соседи не тронутся.

Панель не видит ссылку на макет

В ссылке нет ?node-id=. Возьмите её из адресной строки Figma, выделив нужный фрейм, — тогда номер появится сам. Ссылка на файл целиком не годится: непонятно, какой из кадров разбирать.

Figma отвечает отказом

Нужен личный токен: Figma → Settings → Security → Personal access tokens, права File content: read. Вставляется один раз в саму карточку и лежит в хранилище расширения у вас в браузере; ходит только на api.figma.com. Разрешение на этот адрес Хром спросит при первом нажатии — это нормально.

Закончили с макетом — отзовите токен у себя в Figma. Панель на этом ничего не потеряет.

Секции разъехались по цветам

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

Блок не сохранился в Тильде

Почти всегда — слишком большой код секции: около 120 000 знаков у Тильды потолок. Попросите разбить секцию на две — это родной для Тильды способ, а не костыль.

Другие пути