AI Editor — это панель чата внутри Flow & Paywall Builder. Опишите изменение обычными словами, и Adapty перепишет, изменит стиль или перестроит экран, который вы смотрите. После этого Adapty расскажет вам, что изменилось, и одним кликом вы сможете вернуть всё обратно.

Вы можете отредактировать результат вручную, продолжить вводить промпты или отменить все изменения.

Как это работает

• Откройте AI Editor: Нажмите кнопку со звёздочкой на левой панели.
• Один чат на экран: В заголовке панели отображается название редактируемого экрана, и каждый промпт применяется только к нему. Переключайте экраны через выпадающий список — предпросмотр обновляется автоматически.
• Общая история промптов: Любой участник команды, открывший экран флоу, увидит отправленные вами промпты — продолжайте с того места, где остановился коллега.
• Вдохновляйтесь: Откройте Prompts library и выберите категорию промптов — Visual, Content, Layout или Products. Идеи промптов на этой странице показывают, на что способен редактор.
• Один промпт — один шаг отмены: AI применяет все изменения из промпта сразу, а Undo отменяет их все вместе.
• Канвас блокируется, пока AI работает: Выбирать и изменять элементы на экране нельзя до завершения обработки промпта. Генерацию можно прервать в любой момент.
• Корректировка отправленных промптов: Чтобы изменить уже отправленный промпт, нажмите Retry . Редактор флоу вернёт его в поле ввода.
• Ничего не публикуется без вашего ведома: Изменения становятся доступны пользователям только после того, как вы сохраните и опубликуете флоу.

Работа с изображениями

Прикрепляйте изображения и указывайте ИИ использовать их как визуальный ориентир или размещать на экране. В одном сообщении можно прикрепить до 5 изображений: файлы JPEG, PNG и WebP размером до 5 МБ каждый.

• Создать экран по скриншоту: прикрепите скриншот референсного пейвола и напишите Build a screen like this. ИИ переработает открытый экран под него.
• Разместить прикреплённое изображение: прикрепите изображение и укажите, куда его поместить, например Use this as the hero image или Make this the background.
• Отладить экран: прикрепите скриншот, иллюстрирующий проблему, и опишите её.

Идеи для промптов

Попробуйте эти промпты, чтобы увидеть, как AI Editor может помочь вам в работе. Изменения всегда можно отменить.

Проверьте новое визуальное направление

Подсказка: Give the paywall a dark, premium feel

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

Повышайте доверие с помощью раздела с оценками и отзывами

Промпт: Add a social proof section with star rating and short testimonials

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

Сделать насыщенный экран удобным для восприятия за один промпт

Промпт: Shorten all the text

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

Кнопка CTA всегда на виду: закреплённый футер

Prompt: Add a sticky footer with the main subscribe button

ИИ создаёт футер, закреплённый внизу экрана, и переносит в него кнопку подписки. Назовите паттерн мобильной вёрстки — и ИИ воплотит его.

Сделайте скидку заметной с помощью зачёркнутой цены

Промпт: Show the original price crossed out on the discounted plan

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

Направьте пользователей к лучшему тарифу одним предложением

Подсказка: Push users towards the yearly plan

Назовите цель — ИИ сам выберет механики. Он предварительно выбирает карточку годового плана, добавляет значок Best Value и переписывает название плана, чтобы усилить предложение — три согласованных изменения, которые применяются вместе или не применяются вовсе.

Сделайте CTA доминирующим, не выбирая цвет или размер

Промпт: Make the subscribe button the most prominent element

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

Разбивка годовой цены на стоимость в день

Промпт: Break down the annual plan price to a daily cost

Adapty автоматически вычисляет цену за день для каждой подписки, и ИИ добавляет её под годовой ценой. Также доступны цены за неделю, месяц и год.

Добавьте выбор продукта с реальными тарифами и ценами

Промпт: Add a products group with real prices

Если вы добавили продукты на панель Products, ИИ может сгенерировать группу продуктов с назначенными продуктами, их названиями и переменными.

Если на экране нет продуктов, ИИ добавляет карточки тарифов с примерными ценами и бейджами. Чтобы отобразить цены из стора, выберите продукт в выпадающем списке каждой карточки, а затем попросите ИИ подключить цены.

Стилизуйте одну карточку тарифа, а остальные приведите в соответствие

Подсказка: Apply the selected state of the first card to the other cards

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

Продолжайте уточнять, не начиная заново

Промпт: Softer background, and move the trial line closer to the button

Чат помнит экран и ваш предыдущий промпт, поэтому в уточняющем запросе не нужно ничего повторять. Дорабатывайте до нужного результата — каждый промпт создаёт отдельный шаг отмены.

Что не умеет AI-редактор

AI-редактор меняет стиль, переписывает и переставляет элементы на экране. Он не умеет:

• Редактировать несколько экранов одновременно: Переключитесь на нужный экран и снова отправьте запрос.
• Генерировать или загружать медиа: ИИ не умеет создавать изображения или загружать их по ссылке. Он использует только те изображения, которые вы прикрепляете к чату. При воссоздании экрана из скриншота слоты для изображений остаются пустыми. Видео в чат загрузить нельзя — добавляйте их вручную.
• Создавать пользовательские переменные или условную логику: ИИ вставляет в текст встроенные переменные продукта, например цену за день. Пользовательские переменные и ветвление настраиваются вручную.
• Настраивать навигацию и ссылки: Подключайте действия навигации и ссылки самостоятельно.
• Выбирать, какие продукты предлагать: Добавляйте продукты на панели Products самостоятельно. ИИ строит карточки планов только для тех продуктов, которые там перечислены.

Adapty может снять эти ограничения в будущих версиях.