К основному содержанию
скилл CX Codex GP ChatGPT официальный · OpenAI

figma-use-slides — скилл для Codex: что делает и как установить

Скилл учит ИИ-агента работать с презентациями Figma Slides через MCP-инструмент use_figma. Пригодится для сборки новых слайдов, вёрстки по брендбуку и точечных правок.

Установить в Codex · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add openai/plugins --skill figma-use-slides -a codex
Открыть на GitHub

Что делает figma-use-slides

Скилл передаёт агенту правила взаимодействия со средой Figma Slides через инструмент use_figma. В отличие от генератора generate_deck со стандартными шаблонами, этот подход даёт прямой контроль над сеткой, шрифтами и цветами. Агент может собирать колоды с нуля, ориентироваться на референсные макеты и сохранять заметки докладчика.

Внутри заложены важные ограничения Slides API. Метод figma.createPage() здесь сразу вернёт ошибку, потому что структура презентации строится через узлы SLIDE_GRID и SLIDE_ROW. Агент обязан вызывать appendChild строго до установки координат x и y. Если нарушить порядок, элементы сместятся на 240 пикселей. Утилита get_metadata с файлами слайдов тоже не работает, поэтому валидацию разметки агент выполняет отдельными скриптами чтения.

Если вам нужны быстрые типовые слайды без ручной подгонки, проще запустить generate_deck. Этот скилл стоит подключать, когда макет должен в точности повторять корпоративный стиль или требует аккуратной доработки без удаления существующих слайдов.

Какие задачи решает

  • создать презентацию Figma Slides по референсному файлу и брендбуку
  • изменить цвета и типографику существующих слайдов без их пересоздания
  • настроить секции и заметки докладчика через скрипты Figma Plugin API
  • предотвратить смещение элементов из-за скрытого отступа сетки

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

  • Создай титульный слайд для презентации в Figma Slides, опираясь на фирменные цвета из нашего референса
  • Обнови текст и выравнивание графиков на третьем слайде в текущей колоде
  • Добавь новую секцию Intro и два слайда в существующую презентацию

Как установить figma-use-slides

1Через Skills CLI (Vercel)

npx skills add openai/plugins --skill figma-use-slides -a codex

2Вручную: положить файлы

.agents/skills/figma-use-slides/SKILL.md

Для всех проектов — ~/.agents/skills/

Из того же набора201

Весь набор →
supabase официальный supabase Скилл помогает настраивать базу данных, аутентификацию и RLS в Supabase без скрытых дыр в безопасности. CX Codex GP ChatGPT 8установок remotion-render официальный Remotion Экспортирует видео и отдельные кадры из проектов Remotion через консольные команды. CX Codex GP ChatGPT 3установок figma-create-new-file официальный Figma Создаёт пустые файлы Figma, FigJam или Slides в черновиках нужной команды. Скилл готовит параметры и planKey перед запуском MCP-инструментов. CX Codex GP ChatGPT 6установок swiftui-performance-audit официальный OpenAI Находит причины просадок кадров, долгого рендеринга и утечек памяти в SwiftUI. Помогает разобрать код вьюшек или подготовить замеры для профилирования. CX Codex GP ChatGPT 109установок swiftui-liquid-glass официальный OpenAI Скилл помогает создавать и проверять интерфейсы SwiftUI с Liquid Glass для iOS 26+. Он нужен при внедрении эффекта, ревью и проверке fallback-сценариев. CX Codex GP ChatGPT 121установок swiftui-ui-patterns официальный OpenAI Скилл помогает собирать и рефакторить SwiftUI-интерфейсы: навигацию, состояние, компоновку и контролы. Подойдёт для новых экранов и правок существующего проекта. CX Codex GP ChatGPT 114установок swiftui-view-refactor официальный OpenAI Скилл наводит порядок в коде SwiftUI: делит разросшиеся экраны на отдельные структуры View и выносит побочные эффекты из body. CX Codex GP ChatGPT 113установок ios-memgraph-leaks официальный OpenAI Скилл захватывает и разбирает утечки памяти iOS из симулятора или .memgraph. Нужен для поиска удерживающих связей и проверки исправлений. CX Codex GP ChatGPT 1 054установок

Похожие

frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. Claude Code Claude.ai 1 025 790установок grill-me Matt Pocock Скилл проводит жёсткое интервью по плану или дизайну, чтобы найти пробелы и уточнить решения. Подойдёт перед началом разработки. Claude Code 1 424 476установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. Claude Code CX Codex Cursor +1 673 100установок prototype Matt Pocock Создаёт временный прототип, чтобы проверить логику, модель состояния или вид интерфейса до работы над основным кодом. Claude Code 986 201установок grilling Matt Pocock Стресс-тестирует план, решение или идею сериями уточняющих вопросов. Подходит, когда нужно вскрыть допущения до начала работы. Claude Code 979 543установок codebase-design Matt Pocock Скилл помогает проектировать модули с небольшим интерфейсом и скрытой внутри сложностью. Подходит для рефакторинга, тестируемости и поиска чистого seam. Claude Code 850 344установок

Вопросы о figma-use-slides

Как установить figma-use-slides в Codex?

Выполните команду npx skills add openai/plugins --skill figma-use-slides в терминале. При вызовах в Slides передавайте имя навыка в параметре skillNames инструмента use_figma.

Чем figma-use-slides отличается от инструмента generate_deck?

Инструмент generate_deck собирает колоду за один вызов по готовым шаблонам и не даёт вносить правки в диалоге. Скилл figma-use-slides работает через use_figma, позволяя пошагово менять элементы, настраивать цвета и сохранять стиль референса.

Почему в Figma Slides нельзя вызывать figma.createPage()?

Метод createPage() поддерживается только в обычных файлах Figma Design. В презентациях вся структура колоды организуется через узлы SLIDE_GRID, SLIDE_ROW и SLIDE.

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой