code-connect-components

от figma

Устанавливайте двунаправленные связи между компонентами дизайна Figma и реализациями кода с помощью Code Connect. Требуется подключение к MCP-серверу Figma и опубликованные компоненты на тарифах Organization или Enterprise. Автоматически определяет несопоставленные компоненты в выделениях Figma, затем сканирует вашу кодовую базу на предмет соответствующих компонентов кода по имени, структуре и свойствам. Представляет сопоставленные компоненты на ваше рассмотрение перед созданием сопоставлений, позволяя выборочно принимать или отклонять их. Поддерживает несколько...

npx skills add https://github.com/figma/mcp-server-guide --skill code-connect-components

Скачать ZIP GitHub

Больше skills от figma

video-interaction-mapper

Этот навык следует использовать, когда пользователь просит проанализировать запись экрана интерфейса и сопоставить состояния взаимодействия в Figma. Триггер для запросов, таких как "поместить видео…

figma-code-connect

Создаёт и поддерживает файлы шаблонов Figma Code Connect, которые сопоставляют компоненты Figma с фрагментами кода. Используйте, когда пользователь упоминает Code Connect, компонент Figma…

create-design-system-rules

Пользовательские правила дизайн-системы для согласованной реализации Figma-to-code в вашем проекте. Генерирует проектные конвенции для организации компонентов, стилизации, дизайн-токенов и обработки ассетов, которые направляют AI-агентов на создание согласованного кода. Поддерживает три формата файлов правил: CLAUDE.md для Claude Code, AGENTS.md для Codex CLI и .cursor/rules/figma-design-system.mdc для Cursor. Требует подключения Figma MCP-сервера и анализа кодовой базы для обнаружения существующих паттернов перед созданием правил...

figma-implement-motion

Переводит анимации и движения из Figma в готовый к использованию код приложения. Используйте при реализации анимации/движения из дизайна Figma — пользователь упоминает…

Перевод SwiftUI ↔ Figma. Используйте, когда пользователь упоминает Swift, SwiftUI, iOS, iPhone или iPad — в любом направлении — переводя дизайн Figma в…

figma-use-motion

Motion / animation context for the `use_figma` MCP tool — animating Figma nodes via manual keyframes, animation styles, easing, and timeline duration. Load…

figma-use-slides

Этот навык помогает агентам использовать MCP-инструмент use_figma в контексте Slides. Может использоваться вместе с figma-use, который содержит базовый контекст для использования…

figma-use-figjam

Этот навык помогает агентам использовать MCP-инструмент use_figma от Figma в контексте FigJam. Может использоваться вместе с figma-use, который содержит базовый контекст для использования…