AIKraft/AI/Войти
AIKraft/Skills/figma Использование

figma Использование

**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this skill first. Skipping it causes common, hard-to-debug failures. Trigger whenever the user wants to perform a write action or a unique read action that requires JavaScript execution in the Figma file context — e.g. create/edit/delete nodes, set up vari

OPOpenAI official Разработка

Что делает навык

Навык обеспечивает обязательную предварительную загрузку контекста для безопасного использования инструмента use_figma, позволяя выполнять JavaScript в контексте файлов Figma через Plugin API. Он предотвращает сбои, связанные с прямым вызовом инструмента без подготовки, и предоставляет доступ к справочным документам API.

Когда применять

  • Выполнение операций записи или уникальных операций чтения, требующих выполнения JavaScript в файле Figma.
  • Создание, редактирование или удаление узлов (nodes) в файлах Figma.
  • Настройка переменных (variables), текстовых стилей и эффектов.
  • Построение или обновление целых страниц, экранов или многосекционных макетов из кода (в связке с навыком figma-generate-design).

Как работает

  1. Обязательно подключите этот навык перед каждым вызовом инструмента use_figma, никогда не вызывая инструмент напрямую без загрузки навыка.
  2. При вызове use_figma всегда передавайте параметр skillNames: "figma-use" для логирования использования навыка.
  3. Перед написанием кода загрузите файл plugin-api-standalone.index.md для понимания возможностей API, используя grep для поиска нужных разделов в plugin-api-standalone.d.ts.
  4. При работе с дизайн-системами сначала загрузите файл working-with-design-systems/wwds.md для понимания ключевых концепций и процессов.
  5. Загружайте специфичные справочные материалы по компонентам, переменным и стилям по мере необходимости после изучения общих принципов.

Примеры запросов агенту

Создай новый прямоугольник в текущем файле Figma с помощью плагина.
Измени переменные цвета в дизайн-системе проекта.
Удали все текстовые узлы на экране 'Главная'.

Что понадобится

  • Инструмент use_figma (MCP)
  • Навык figma-generate-design (требуется для сборки экранов и макетов из кода)

Описание составлено по SKILL.md навыка, сверено 05.10.2026.

Как подключить

1Скачать навык
# возьмите папку навыка «figma-use» из репозитория: # https://github.com/openai/skills
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r figma-use/ ~/.claude/skills/figma-use/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.