figma-implement-motion

ui-skills/figma · Agent Skill

Переводит движение и анимации Figma в готовый код приложения. Используйте при реализации анимации/движения из дизайна Figma — пользователь упоминает "реализовать это движение", "добавить анимацию из Figma", "анимировать этот компонент", предоставляет URL Figma, чей узел анимирован, или когда `get_design_context` возвращает данные движения или инструктирует вызвать `get_motion_context`.

Перейти к установке ↓

Обзор

АвторfigmaОрганизация
Репозиторийui-skills/figma
Папка скиллаfigma-figma-implement-motion
Файлытолько SKILL.md
СсылкиИсходник скилла ↗

Проверка Mozgi

Что мы нашли в файлах скилла. Подробности — по подписке.

Безопасность
файлы скилла ещё не проверены
Совместимость
файлы скилла ещё не проверены
Похожие скиллы
найдено 72 похожих скилла
Ещё в подписке

Установка

Скилл — это папка с файлом SKILL.md. Выберите своего агента и скопируйте команды в терминал (macOS, Linux или Git Bash на Windows) в корне проекта.

Скопируйте промпт и вставьте в Claude, Codex или другого ассистента: он сам проверит скилл и подключит его.

Установи мне скилл «figma-implement-motion» с mozgi.io (https://mozgi.io/skills/figma-figma-implement-motion/).

1. Открой страницу скилла https://mozgi.io/skills/figma-figma-implement-motion/ и возьми оттуда текст SKILL.md.
2. Прочитай SKILL.md и остальные файлы. Проверь, что скилл безопасен: нет скрытых команд, отправки данных наружу или скриптов, которые делают не то, что описано. Если что-то подозрительно — остановись и скажи мне.
3. Положи папку «figma-implement-motion» в папку скиллов своего агента: .claude/skills/ для Claude Code, .agents/skills/ для Codex, .cursor/skills/ для Cursor, .gemini/skills/ для Gemini CLI. В проекте — внутри проекта, иначе в домашней папке (~/.claude/skills/ и т. п.).
4. Убедись, что получилось <папка скиллов>/figma-implement-motion/SKILL.md.
5. Коротко расскажи, что умеет этот скилл, и предложи попробовать его на моей задаче.

Если какой-то шаг не можешь сделать сам — подскажи, что нажать или ввести.

Вопросы и ответы

Что делает скилл figma-implement-motion?

Переводит движение и анимации Figma в готовый код приложения. Используйте при реализации анимации/движения из дизайна Figma — пользователь упоминает "реализовать это движение", "добавить анимацию из Figma", "анимировать этот компонент", предоставляет URL Figma, чей узел анимирован, или когда `get_design_context` возвращает данные движения или инструктирует вызвать `get_motion_context`.

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

Откройте блок «Установка» на этой странице и выберите своего агента — Claude Code, Codex, Cursor или Gemini CLI: там готовые команды, которые копируют папку скилла в нужное место. Либо скопируйте промпт из вкладки «Через ассистента» — ассистент сам проверит и подключит скилл.

С какими нейросетями работает figma-implement-motion?

Скиллы — это обычные инструкции в Markdown (формат Agent Skills), поэтому figma-implement-motion подходит любому агенту, который читает SKILL.md: Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode и другие. Модель загружает инструкции только когда задача подходит под описание скилла.

Скилл figma-implement-motion бесплатный?

Скилл опубликован автором figma в открытом доступе. Сам скилл ничего не стоит — вы платите только своему провайдеру нейросети за использованные токены. Лицензия в репозитории не указана — перед коммерческим использованием уточните условия у автора.

Безопасно ли устанавливать скиллы?

Скилл — это инструкции, которые агент будет выполнять, поэтому перед установкой прочитайте SKILL.md и сопутствующие файлы. Скрипты из папки скилла запускаются только если их запустит агент — следите за тем, что он делает, и не давайте лишних прав.

Чем скилл отличается от MCP-сервера или плагина?

MCP-сервер и плагин дают модели новые инструменты — код, который выполняется и возвращает результат. Скилл даёт знания и порядок действий: как подходить к задаче, какие шаги делать и как выглядит хороший результат. Ему не нужен сервер или ключ API.

Похожие скиллы

Все скиллы →
figma-use-motion Контекст движения/анимации для инструмента MCP `use_figma` — анимация узлов Figma с помощью ручных ключевых кадров, стилей анимации, замедления и продолжительности временной шкалы. Загружается вместе с figma-use всякий раз, когда задача включает добавление, редактирование или проверку анимации узла. figma video-interaction-mapper Анализируйте запись экрана интерфейса пользователя и сопоставляйте состояния взаимодействия с аннотированной историей дизайна Figma с выделенными кадрами до и после. figma remotion-video-creation Предоставляет 29 правил для создания видео в React с использованием Remotion, включая 3D, анимацию, аудио и субтитры. affaan-m258k videodb Обрабатывает видео и аудио: захватывает, индексирует, ищет, редактирует, транскодирует и генерирует медиа-контент, а также создает оповещения. affaan-m258k ui-demo Создает профессиональные видеодемонстрации пользовательских интерфейсов веб-приложений с помощью Playwright, включая курсор и естественный темп. affaan-m258k taste Создает художественное направление для музыкальных клипов и коротких видео в стилях angelcore, cloud-trance, hyperpop, синхронизируя видеоряд с музыкой. affaan-m258k