База знаний
Начало
- Как начать: первое приложение за один заход — Короткая дорога от пустого экрана до кнопки в боте — минутный ролик и семь шагов.
- Что вы собираете — Мини-приложение открывается внутри Telegram и MAX — не в браузере. От этого зависит почти всё остальное.
- Устройство редактора — Четыре области: полоса экранов, панель слева, холст, свойства справа.
- Шаблоны: приложения и экраны — Шаблон приложения заменяет проект целиком, шаблон экрана добавляет один экран к тому, что уже есть.
- Собрать приложение по описанию — Опишите словами, что нужно, — экраны, таблицы и переходы соберутся сами. Дальше правится как обычный проект.
- Как проверить: превью и телефон — Превью работает по-настоящему: переходы, формы, корзина. Проверять лучше с телефона — оттуда приложение и открывают.
- Где хранится проект — Проект сохраняется сам. Опубликованное приложение обновляется только по кнопке.
- Пароль, номер и мессенджеры — Меняются в меню аккаунта. Новый номер подтверждается в мессенджере — как при регистрации.
- Где что настраивается — Настроек около сорока, и лежат они в разных местах. Держать это в голове не нужно: есть карта и поиск.
Блоки на экране
- Компоненты: как класть и выделять — Перетаскивание из панели, вложенность, слои, контекстное меню.
- Раскладка: контейнеры, сетка, отступы — Контейнер и секция для группировки, сетка и колонки для рядов, отступы для воздуха.
- Ленты, бенто-сетки и вид на компьютере — Карточки, которые листаются вбок; плитка с разными столбцами; скелет при загрузке, своё пустое состояние и вид нижнего меню.
- Текст, картинки, иконки — Заголовок, абзац, подпись, бейдж; изображение с пропорциями и кадрированием; аватар, карусель, аудио, видео, QR.
- Иконки: библиотека и толщина линий — 389 значков в 17 разделах, поиск по-русски и по-английски, толщина линии у значка и у всего приложения.
- Правка текста на холсте и форматирование — Двойное нажатие правит текст прямо в блоке, на телефоне — второе нажатие. Над блоком — полоска: жирный, курсив, ссылка внутри текста.
- Длинный текст с подзаголовками и списками — Правила, описание курса, «как добраться» — одним абзацем с разметкой, а не десятком блоков.
- Поля ввода и форма — Форма связывает поля в одну заявку. У каждого поля есть имя — под этим именем ответ и уедет.
- Поля формы, удобные с телефона — Нужная клавиатура и автозаполнение, маска номера, подпись под полем и проверки — номер, шаблон, длина, повтор.
- Список из таблицы: как показать записи — Одна карточка — сколько угодно записей. Настраивается один раз, показывает все строки.
- Фильтры и поиск по списку — Метки или поле ввода запоминают значение, а список фильтруется по запомненному.
- Магазинные блоки — Карточка товара, цена, счётчик количества, выбор варианта, итог, значок корзины.
- Выбор варианта: подсветить нажатое — Нажатие запоминает выбор, а запомненное подсвечивает выбранное — мастера, дату, время, категорию места.
- Вкладки на одном экране — Полоса наверху переключает содержимое, экран остаётся один.
- Таймер тренировки — Интервалы с кругами и секундомер: блок ведёт занятие сам, а замер запоминает.
- Адрес и маршрут — Где вы находитесь, часы работы и кнопка «Проложить маршрут».
- Зал: выбор мест — Схема зала, в которой посетитель выбирает места пальцем: кино, театр, площадка.
- Сектора: стадион — Плитки трибун с ценой и остатком, а места — обычным залом внутри сектора.
- Карта — Место на карте — по адресу словами, по координатам или по ссылке с Яндекс Карт.
- Карта мест — Все строки таблицы метками на одной карте — с теми же фильтрами, что у списка.
- Окно поверх экрана: бургер, шторка, меню — Свои блоки поверх экрана — шторкой снизу, окном или панелью с края. Открывается действием с любой кнопки.
- Блоки Telegram — Главная кнопка внизу экрана и всплывающее окно — их рисует сам Telegram.
- Мои компоненты и блоки — Компонент правится в одном месте и меняется везде. Блок — просто заготовка для вставки.
- Гибкий блок: один вместо восьми — Когда готовый блок почти подошёл, а не хватает одного свойства.
- Счётчик записей — Сколько строк таблицы подходит под условие — числом на экране и в памяти приложения.
- Переписка — Разговор один на один внутри приложения: ученик пишет автору, автор отвечает, обоим приходит уведомление в бот.
Внешний вид
- Стили проекта: цвета и шрифты — Один набор цветов и шрифтов на всё приложение — правится в одном месте.
- Шрифты, насыщенность и стиль текста — Насыщенность от тонкой до чёрной, настоящий курсив и одна ступень размера на любой текст.
- Оформление одного элемента — Вкладка «Вид»: цвета, текст, рамка, скругление, тень, прозрачность.
- Фото с затемнением, видео в фоне, градиенты и зерно — Надпись поверх фотографии, которая читается; видео под блоком; градиент из нескольких цветов и фактура плёнки.
- Форма и тени всего приложения — Скругление углов и оттенок серого — одним выбором на всё приложение. Тени, которые не грязнят тёмную тему.
- Анимация: появление при прокрутке и наведение — Блоки въезжают, когда до них доходит прокрутка; кнопки отвечают курсору; размер кнопки и темп смены экранов.
- Тема мессенджера и тёмный режим — Незаданные цвета берутся из темы клиента. Заданные остаются вашими.
- Шапка Telegram и полный экран — Шапка мессенджера в цвет приложения, без шва — или приложение на весь экран телефона.
- Как приложение выглядит на компьютере — Отдельная вёрстка под широкий экран: собранное под телефон остаётся нетронутым.
Данные
- Таблицы: столбцы и записи — Товары, услуги, события — заполняются в редакторе и уезжают вместе с приложением.
- Типы столбцов — Текст, число, да/нет, картинка, файл, дата, время, случайный код, связь, список, несколько из списка, схема зала.
- Таблицы: пошаговая инструкция — Что такое таблица, как её завести, связать с другой, заполнить и показать в приложении — с нуля, без программирования.
- Связи между таблицами — Событие ссылается на площадку — и карточка события печатает её адрес.
- Память приложения — Память приложения на время сеанса: выбранная категория, нажатая карточка, корзина.
- Подстановки {{…}} — Как поставить в текст данные: поле строки, запомненное приложением, имя пользователя, время.
- Условия показа — Показывать или скрывать блок по состоянию: пусто ли, равно ли, раньше ли.
- Записи, добавленные из приложения — Пополнять каталог с телефона, не открывая редактор: «+», правка, удаление.
- Записи самих посетителей — Корзина, избранное, история заказов, отзывы — то, что переживает закрытие приложения.
- Баллы и программа лояльности — Баллы у каждого участника: начисляются за оплату сами, вы правите их рукой, посетитель тратит.
- Файл от посетителя — Резюме, снимок повреждений, направление на анализы — приложить прямо в форме.
- Импорт таблицы из файла — Прайс уже набран в Excel или Google Таблицах — его не надо перебивать руками.
- Заявки в Google Таблицу — Каждая новая запись таблицы дописывается строкой в вашу Google Таблицу. Работает и с личными таблицами.
- Живая таблица как источник — Google, Яндекс.Диск или свой адрес: таблица остаётся у вас, приложение обновляется само.
Действия
- Действия: когда и что — Что происходит при нажатии, при открытии экрана или при изменении поля.
- Все действия списком — Что умеет приложение: переходы, сообщения, данные, оплата, Telegram.
- Меню-якоря: прокрутить к блоку — Кнопки «Цены», «Отзывы», «Контакты», которые ведут вниз по тому же экрану, а не на другой.
- Корзина и избранное — Список в памяти приложения: у каждого посетителя свой, таблица для этого не годится.
- Отправка формы — Куда уходит заполненное и что увидит человек после нажатия.
Публикация
- Публикация и адрес — Публикация кладёт проект в облако и выдаёт HTTPS-адрес, который привязывается к боту.
- Подключить бота — Мини-приложение открывается из вашего бота, и он же пишет вашим клиентам.
- Две кнопки в Telegram — Кнопка меню в переписке привязывается сама. Кнопка «Открыть» на карточке бота — только через BotFather.
- Публикация в MAX — То же приложение открывается и в MAX, но адрес вставляется руками в кабинете партнёра.
- Свой домен — Приложение открывается по вашему адресу. Хостинг не нужен, сертификат выпускается сам.
- Проба и что после неё — Три дня с первой публикации — на всё, что публикует аккаунт.
- Приложение как сайт: вход, поиск, установка — Одно приложение открывается и в мессенджере, и по ссылке в браузере — с тем же человеком внутри.
- Технические работы: закрыть приложение на время — Посетители видят заглушку в Telegram, MAX и браузере, а вы и админы работаете в приложении как обычно.
После запуска
- Заявки — Всё, что заполнили в опубликованном приложении. Архив на случай, если сообщение не дошло.
- Автоматизация: n8n, Make и свой сервер — События приложения уезжают к вам вебхуком, а присланные строки ложатся в таблицу.
- API данных: ваш сервер читает и правит таблицы — Ключ, с которым сервер, n8n или Make находит строки, дописывает их и удаляет. Личные строки остаются личными.
- ИИ-ассистент: собирать и править приложения из Claude, Cursor и ChatGPT — Подключите своего ассистента к аккаунту и просите словами: собрать приложение, поправить экран, показать заявки, опубликовать.
- Статистика и цели — Открытия, посетители, экраны и то, что вы сами решили считать.
- QR-код приложения — Код для витрины, визитки и стола — и отдельный код, чтобы смотреть превью с телефона.
- История изменений и отмена — ⌘Z отменяет, ⌘⇧Z возвращает, а история позволяет прыгнуть на несколько шагов назад.
- Клавиши и палитра команд — ⌘K ищет по всему редактору, ⌘/ показывает шпаргалку по клавишам.
- Работа с телефона — На телефоне удобно править и публиковать; собирать с нуля лучше за компьютером.
- Как позвать сотрудника в проект — Помощник входит под своим номером и работает над тем же приложением: экраны, публикация, данные, заявки.
- Если что-то не работает — Обратная связь со скриншотом, ответ в Telegram, и отдельно — «Предложить идею».
Разборы
- Кейс: афиша с билетами — Таблицы на связях, сеансы в разных залах, оплата и билет с QR-кодом, который открывается из «Моих билетов».
- Кейс: магазин с корзиной и оплатой — Каталог, карточка товара, корзина в памяти приложения, оплата вашей кассой.
- Кейс: запись на услугу — Услуги, выбор мастера, дня и времени нажатием, заявка вам в Telegram и «Мои записи» у посетителя.
- Кейс: пополнять каталог с телефона — Кнопка «+», видная только вам, и правка записей прямо в приложении.