Framix AI

Framix AI — это встроенный в редактор чат, который умеет генерировать секции, переписывать существующие, менять стили и верстать по описанию. Это та же технология, что и AI-генерация при создании проекта — просто доступная прямо в редакторе.

Как открыть

Кнопка «Framix AI» (значок ✨) в правом верхнем углу редактора. По клику справа выезжает боковая панель с чатом. Повторный клик — закрыть.

Что у панели внутри

• Сессии (иконка истории) — список предыдущих чатов по этой странице. Можно вернуться к старому диалогу.
• + Новый чат — начать новую сессию.
• Picker модели — какая модель отвечает: «По умолчанию» (выбирается админом) или конкретная из расширенного списка.
• Баланс — сколько денег на аккаунте; стоимость ответа списывается по факту.
• Поле ввода — описание того, что нужно сделать. Enter — отправить, Shift+Enter — перенос строки.

Как просить

Пишите как живому верстальщику, на простом языке:

• «Сделай шапку с логотипом слева и кнопкой "Купить" справа»
• «Добавь секцию с тремя карточками услуг — иконка, заголовок, описание»
• «Перепиши этот блок про доставку, добавь упоминание бесплатной доставки от 5000 ₽»
• «Сделай эту кнопку больше и зелёной»
• «Адаптируй эту секцию под мобильный — сейчас на телефоне всё уезжает»

С контекстом выделения

Если перед запросом выделить элемент в инспекторе, AI «видит» его и работает точечно:

• Выделил кнопку → «сделай её красной» — поменяет только эту кнопку.
• Выделил секцию → «добавь сюда отзыв клиента» — врежет внутрь именно этой секции.
• Ничего не выделено → AI работает со всей страницей.

Что AI умеет

• Создавать новые секции — hero, преимущества, услуги, отзывы, цены, контакты, формы.
• Переписывать существующие — поменять текст, перевернуть колонки, заменить картинки.
• Менять стили — цвета, шрифты, размеры, скругления, тени. Использует дизайн-систему страницы, чтобы дизайн оставался цельным.
• Делать адаптив — расставляет Tailwind-классы (md:, lg:) для мобильной версии.
• Писать кастомный HTML/JS — для виджетов, embed, анимаций.

Большие страницы — точечные правки

Если страница большая и вы просите AI о маленькой правке без выделения, чат покажет подсказку «Страница большая — выделите секцию или блок, чтобы ИИ работал точнее и дешевле». Контекст всей страницы стоит дороже и иногда менее точен — выделение конкретного блока экономит токены и улучшает результат.

Применение изменений

Когда AI закончил, изменения применяются к странице автоматически — никакой кнопки «применить» нажимать не нужно. Сообщение в чате показывает, что AI поменял (например, «применено: 3 изменения»).

Перед применением AI сохраняет снимок в историю версий. Если результат не понравился — один клик и страница вернётся как была.

Стоимость

Каждый запрос списывается с баланса аккаунта. Под полем ввода видно «Затрачено токенов на запрос» — сколько ушло на этот ответ.

• Списание — по реальному расходу токенов модели.
• Кеш системного промпта работает автоматически — повторные запросы в той же сессии дешевле.
• Подробнее: Аккаунт и баланс.

Если AI ошибся

• Откатиться — кнопка «История версий» в верхней панели → выбрать предыдущий снимок.
• Уточнить запрос — «не так, верни старое и сделай вот так» в том же чате; AI помнит контекст сессии.
• Сменить модель — picker в шапке панели; для сложных правок «умные» модели лучше.

Если ответ долго не приходит

• Сервер ИИ временно перегружен — подождите несколько секунд и нажмите «Повторить».
• Слишком много запросов — у моделей бывают rate-limit'ы; попробуйте через минуту или смените модель в picker'е.
• Стоп — кнопка Стоп прерывает текущую генерацию (например, если ответ ушёл не туда).