openpencil/packages/docs/ru/programmable/ai-chat.md
Danila Poyarkov bfa4b7de8b Translate AI & Automation + CLI reference to all 6 locales
48 translated pages (de, es, fr, it, pl, ru) for the Programmable
section: overview, AI Chat, Collaboration, JSX Renderer, CLI
(inspecting, exporting, analyzing, scripting).

CLI reference and MCP server pages copied as-is (mostly code/tables).
2026-03-08 18:25:35 +03:00

3.5 KiB
Raw Blame History

title description
ИИ-чат Встроенный ИИ-ассистент с 87 инструментами для создания и модификации дизайна.

ИИ-чат

Нажмите ⌘J (Ctrl + J), чтобы открыть ИИ-ассистент. Опишите, что вам нужно — он создаёт фигуры, настраивает стили, управляет лейаутом, работает с компонентами и анализирует ваш дизайн.

Настройка

  1. Откройте панель ИИ-чата (⌘J)
  2. Нажмите значок настроек
  3. Введите ваш API-ключ OpenRouter
  4. Выберите модель (Claude, GPT-4, Gemini и др.)

Без бэкенда, без подписки — ваш ключ обращается напрямую к OpenRouter.

Возможности

Ассистент имеет 87 инструментов в следующих категориях:

  • Создание — фреймы, фигуры, текст, компоненты, страницы. Рендер JSX для сложных макетов.
  • Стилизация — заливки, обводки, эффекты, прозрачность, скругление углов, режимы наложения.
  • Лейаут — автолейаут, выравнивание, отступы, размеры.
  • Компоненты — создание компонентов, экземпляров, наборов компонентов. Управление переопределениями.
  • Переменные — создание и редактирование переменных, коллекций, режимов. Привязка к заливкам.
  • Запросы — поиск узлов, чтение свойств, список страниц, шрифтов, выделение.
  • Анализ — цветовая палитра, аудит типографики, проверка консистентности отступов, обнаружение кластеров.
  • Экспорт — PNG, SVG, JSX с классами Tailwind.
  • Вектор — булевы операции, работа с контурами.

Примеры запросов

  • «Создай карточку с заголовком, описанием и синей кнопкой»
  • «Сделай одинаковое скругление углов для всех кнопок на этой странице»
  • «Какие шрифты используются в этом файле?»
  • «Измени фон выделенного фрейма на градиент от синего к фиолетовому»
  • «Экспортируй выделенный фрейм как SVG»
  • «Найди все текстовые узлы с размером шрифта меньше 12»

Советы

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