bfa4b7de8b
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).
48 lines
3.5 KiB
Markdown
48 lines
3.5 KiB
Markdown
---
|
||
title: ИИ-чат
|
||
description: Встроенный ИИ-ассистент с 87 инструментами для создания и модификации дизайна.
|
||
---
|
||
|
||
# ИИ-чат
|
||
|
||
Нажмите <kbd>⌘</kbd><kbd>J</kbd> (<kbd>Ctrl</kbd> + <kbd>J</kbd>), чтобы открыть ИИ-ассистент. Опишите, что вам нужно — он создаёт фигуры, настраивает стили, управляет лейаутом, работает с компонентами и анализирует ваш дизайн.
|
||
|
||
## Настройка
|
||
|
||
1. Откройте панель ИИ-чата (<kbd>⌘</kbd><kbd>J</kbd>)
|
||
2. Нажмите значок настроек
|
||
3. Введите ваш API-ключ OpenRouter
|
||
4. Выберите модель (Claude, GPT-4, Gemini и др.)
|
||
|
||
Без бэкенда, без подписки — ваш ключ обращается напрямую к OpenRouter.
|
||
|
||
## Возможности
|
||
|
||
Ассистент имеет 87 инструментов в следующих категориях:
|
||
|
||
- **Создание** — фреймы, фигуры, текст, компоненты, страницы. Рендер JSX для сложных макетов.
|
||
- **Стилизация** — заливки, обводки, эффекты, прозрачность, скругление углов, режимы наложения.
|
||
- **Лейаут** — автолейаут, выравнивание, отступы, размеры.
|
||
- **Компоненты** — создание компонентов, экземпляров, наборов компонентов. Управление переопределениями.
|
||
- **Переменные** — создание и редактирование переменных, коллекций, режимов. Привязка к заливкам.
|
||
- **Запросы** — поиск узлов, чтение свойств, список страниц, шрифтов, выделение.
|
||
- **Анализ** — цветовая палитра, аудит типографики, проверка консистентности отступов, обнаружение кластеров.
|
||
- **Экспорт** — PNG, SVG, JSX с классами Tailwind.
|
||
- **Вектор** — булевы операции, работа с контурами.
|
||
|
||
## Примеры запросов
|
||
|
||
- «Создай карточку с заголовком, описанием и синей кнопкой»
|
||
- «Сделай одинаковое скругление углов для всех кнопок на этой странице»
|
||
- «Какие шрифты используются в этом файле?»
|
||
- «Измени фон выделенного фрейма на градиент от синего к фиолетовому»
|
||
- «Экспортируй выделенный фрейм как SVG»
|
||
- «Найди все текстовые узлы с размером шрифта меньше 12»
|
||
|
||
## Советы
|
||
|
||
- Выделите узлы перед запросом — ассистент знает, что выделено.
|
||
- Указывайте конкретные цвета, размеры и позиции для точных результатов.
|
||
- Ассистент может модифицировать несколько узлов в одном сообщении.
|
||
- Используйте «Отменить» в редакторе, если результат вам не подходит.
|