Framix AI

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

Как открыть

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

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

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

Как просить

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

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

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

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

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

Что AI умеет

• Создавать новые секции — hero, преимущества, услуги, отзывы, цены, контакты, формы.
• Переписывать существующие — поменять текст, перевернуть колонки, заменить картинки.
• Менять стили — цвета, шрифты, размеры, скругления, тени. Использует зафиксированную дизайн-систему страницы как hard-constraint, чтобы при правках дизайн не «плыл».
• Делать адаптив — расставляет Tailwind-классы (md:, lg:) для мобильной версии.
• Писать кастомный HTML/JS — для виджетов, embed, анимаций.
• Подставлять реальные картинки — если в аккаунте платформы задан ключ Unsplash, AI использует реальные фото через Unsplash API и не выдумывает URL'ы. Без ключа модель подбирает ссылки сама — это работает, но популярные фото могут повторяться.
• Менять дизайн-систему — попросите «другой стиль» или «переделай с нуля» — AI сочинит принципиально другую DS и перегенерирует страницу.

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

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

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

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

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

Стоимость

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

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

Если AI ошибся

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

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

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