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

figma-use-motion — скилл для Codex: анимация и установка

Скилл добавляет use_figma контекст для анимации узлов Figma: ключевых кадров, easing, animation styles и длительности таймлайна.

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

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

figma-use-motion дополняет figma-use при работе со временем в Figma. Через use_figma можно читать и менять ручные keyframe tracks, анимировать fill и stroke, применять или удалять animation styles и задавать длительность таймлайна. Для вызова передают skillNames: "figma-use-motion" вместе с figma-use.

Скилл охватывает выбор easing, включая cubic и spring-варианты, а также чтение разрешённых данных анимации. Для проверки движения предусмотрены export_video и извлечение кадров через ffmpeg; get_screenshot показывает только resting state. Motion API работает за флагом пользователя metronome: при ошибке not a supported API нужно остановиться и не повторять вызов.

Новые модули пресетов figma:motion этот скилл не создаёт. Анимировать нужно дочерние узлы, а не top-level frame; это повод проверить структуру файла до изменения keyframes.

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

  • добавить keyframes к узлу Figma
  • анимировать цвет заливки или обводки
  • применить найденный animation style
  • настроить длительность таймлайна
  • проверить фазы движения по кадрам

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

  • Вызови `use_figma` с `skillNames: "figma-use-motion,figma-use"` и добавь keyframes для `TRANSLATION_X` у выбранного узла.
  • Примени к этому узлу animation style и задай easing `EASE_IN_AND_OUT`.
  • Экспортируй анимацию через `export_video` для top-level frame и проверь нужные кадры через `ffmpeg`.

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

1Через Skills CLI (Vercel)

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

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

.agents/skills/figma-use-motion/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-motion

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

Выполните npx skills add openai/plugins --skill figma-use-motion, затем npx skills add openai/plugins --skill figma-use-motion -a codex. Файл скилла появится по пути .agents/skills/figma-use-motion/SKILL.md.

Что делает `figma-use-motion`?

Он добавляет контекст для ручных keyframes, анимации fill и stroke, animation styles, easing и длительности таймлайна через use_figma. Для статических изменений Figma нужен figma-use.

Почему `use_figma` возвращает ошибку `not a supported API`?

Motion API доступен только при включённом пользовательском флаге metronome. После такой ошибки скилл советует прекратить вызовы и сообщить, что motion-функции недоступны.

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

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

Компании, которые помогают держать аналитику открытой
Золотой спонсор AI-аналитика спроса на iGaming — индекс, тренды, конкуренты
Nutra.Club Закрытое сообщество Nutra-вертикали от команды M1

Показы, клики и копирования кода — открытая статистика. Мы держим цифры публичными по той же логике, что и сам NeBlask. Стать спонсором