К основному содержанию
NeVibeCode · сервис · 25 карточек

MCP-серверы и скиллы для Figma

Как подключить Figma к ИИ-агенту: MCP-серверы, скиллы и плагины с командой установки для каждой платформы.

25 карточек
figma heygen-com скилл Импортирует ассеты, токены бренда и компоненты из Figma в проект HyperFrames и собирает из кадров анимацию. Пригодится, когда нужно оживить макет, а не вставлять статичные картинки. Claude Code CX Codex Cursor +1 329 500установок image coreyhaines31 скилл Скилл для маркетинговых изображений: генерация через ИИ, правка готовых картинок, подбор инструмента и оптимизация под веб. Claude Code CX Codex Cursor +1 86 800установок ui-ux-designer Seth Hobson субагент Субагент помогает проектировать интерфейсы, вайрфреймы и дизайн-системы с учётом исследований пользователей и доступности. Подойдёт для UX-задач в Claude Code, Codex и Cursor. Claude Code CX Codex Cursor 27 069установок figma-generate-design официальный openai скилл Собирает и обновляет целые экраны в Figma из кода или описания, используя опубликованную дизайн-систему, а не нарисованные с нуля прямоугольники. Claude Code CX Codex Cursor +1 2 900установок figma-create-design-system-rules официальный openai скилл Генерирует правила дизайн-системы для кодовой базы при переносе макетов из Figma. Помогает агентам соблюдать структуру компонентов и токенов проекта. Claude Code CX Codex Cursor +1 2 900установок figma-generate-library официальный openai скилл Скилл для синхронизации дизайн-системы Figma с кодовой базой. Помогает создать или обновить переменные, компоненты, режимы (светлая/тёмная тема) и документацию в правильном порядке — без фаз, выполненных в неправильной последовательности. Claude Code CX Codex Cursor +1 2 700установок figma-create-new-file официальный Figma скилл Создаёт пустые файлы Figma, FigJam или Slides в черновиках нужной команды. Скилл готовит параметры и planKey перед запуском MCP-инструментов. CX Codex GP ChatGPT 6установок design-system-patterns Seth Hobson скилл Скилл помогает проектировать дизайн-системы: токены, темы и архитектуру компонентов. Подойдёт для UI-библиотек и систем с несколькими брендами. Claude Code CX Codex Cursor 15 953установок discover-brand официальный anthropics скилл Ищет материалы о бренде во внешних корпоративных сервисах и готовит структурированный отчёт о фирменном стиле компании. Помогает собрать разрозненные гайдлайны без ручного поиска по папкам. Claude Code CX Codex Cursor +1 2 900установок ui-design-system Alireza Rezvani скилл Скилл собирает дизайн-токены, палитры, типографику и структуру компонентов. Пригодится для дизайн-системы и передачи макетов разработчикам. Claude Code 1 076установок macos-golden-gate-design официальный github скилл Помогает проектировать, ревьюить и верстать нативные интерфейсы macOS 27 на SwiftUI или AppKit по правилам Liquid Glass. Пригодится, если окно приложения превратилось в веб-дашборд. GitHub Copilot 23установок figma-use официальный Figma скилл Скилл задаёт правила работы с Figma Plugin API через инструмент use_figma. Он пригодится, когда нужно менять содержимое файла или программно изучать его структуру. CX Codex GP ChatGPT 36установок figma-generate-design официальный Figma скилл Собирает или обновляет составные экраны в Figma, используя компоненты и стили дизайн-системы. Подойдёт, когда нужно перенести страницу или диалог из кода в макет. CX Codex GP ChatGPT 33установок figma-generate-library официальный Figma скилл Скилл для построения профессиональной дизайн-системы в Figma на основе кодовой базы. Создаёт переменные, компоненты с вариантами, стили типографики и теминг в правильном порядке — от токенов к готовым компонентам. CX Codex GP ChatGPT 32установок figma-design-to-code официальный Figma скилл Помогает перенести выбранный узел Figma в код проекта с учётом его стека и компонентов. Нужен перед вызовом get_design_context. CX Codex GP ChatGPT 30установок figma-use-slides официальный Figma скилл Скилл учит ИИ-агента работать с презентациями Figma Slides через MCP-инструмент use_figma. Пригодится для сборки новых слайдов, вёрстки по брендбуку и точечных правок. CX Codex GP ChatGPT 21установок audit официальный OpenAI скилл Пошагово проходит интерфейсы, сохраняет проверенные скриншоты и формирует отчёт по UX и доступности прямо в чате. CX Codex GP ChatGPT 10установок get-context официальный OpenAI скилл Скилл фиксирует бриф перед созданием интерфейса в Codex. Он уточняет цели продукта и не даёт генерировать код вслепую. CX Codex GP ChatGPT 6установок figma-swiftui официальный Figma скилл Переводит дизайн Figma в SwiftUI и отправляет SwiftUI обратно в Figma. Подходит для задач по интерфейсам iOS, iPhone и iPad. CX Codex GP ChatGPT 6установок figma-implement-motion официальный Figma скилл Переносит анимации и переходы из Figma в код на motion.dev или чистом CSS. Пригодится разработчикам при верстке анимированных компонентов по макету. CX Codex GP ChatGPT 6установок figma-use-motion официальный Figma скилл Скилл добавляет use_figma контекст для анимации узлов Figma: ключевых кадров, easing, animation styles и длительности таймлайна. CX Codex GP ChatGPT 5установок figma-use-figjam официальный Figma скилл Скилл добавляет Codex контекст для работы с FigJam через MCP-инструмент Figma. Нужен для создания и изменения досок. CX Codex GP ChatGPT 5установок figma-generate-diagram официальный Figma скилл Готовит синтаксис Mermaid для инструмента generate_diagram и выгружает схемы в FigJam. Нужен перед созданием блок-схем, ERD и диаграмм последовательностей. CX Codex GP ChatGPT 5установок user-context официальный OpenAI скилл Сохраняет продуктовые и дизайн-источники для будущей работы Product Design. Нужен, когда агенту важно опираться на ваши ссылки, файлы и правила. CX Codex GP ChatGPT 4установок AEM Front-End Specialist официальный github субагент Помогает верстать компоненты для Adobe Experience Manager на HTL и Tailwind CSS, связывая макеты из Figma с кодовой базой. GitHub Copilot ★ 40 369звёзд репо

Ещё в NeVibeCode

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

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