Repolode
grab

grab/cursor-talk-to-figma-mcp

MCP-сервер и плагин для Figma, с помощью которых AI-агенты вроде Cursor и Claude Code могут программно читать и изменять макеты.

Звёзды
7,065
Форки
782
Открытые issues
93
Последний коммит
3 месяца назад

Что это?

Talk to Figma MCP связывает AI-агенты для разработки, такие как Cursor и Claude Code, с Figma. Он запускает MCP-сервер на TypeScript и WebSocket-сервер, которые передают команды плагину Figma, работающему внутри файла дизайна. После подключения агент может изучать документ, выделение и свойства узлов, а также создавать фреймы, прямоугольники и текст, менять заливки, обводки и настройки auto layout, экспортировать узлы.

Набор инструментов также позволяет выполнять пакетные операции с крупными файлами: массово заменять текст, сканировать текстовые узлы порциями и переносить переопределения экземпляра компонента с одного исходного экземпляра на множество целевых. Вспомогательные промпты помогают агенту, например, преобразовать устаревшие аннотации в нативные аннотации Figma или превратить реакции прототипа в коннекторы FigJam.

Для настройки нужно установить Bun, выполнить команду setup, запустить socket-сервер, установить плагин Figma и подключиться к каналу из плагина, прежде чем отправлять команды. В проекте есть инструкция для Windows и WSL, в которой меняется hostname сокета.

Ключевые возможности

  • 01Читает документ, выделение и сведения об узлах в Figma с помощью MCP-инструментов.
  • 02Создаёт фреймы, прямоугольники, текстовые узлы, секции и экземпляры компонентов.
  • 03Изменяет заливки, обводки, радиус скругления, отступы и интервалы auto layout, а также размеры.
  • 04Массово заменяет текст и переносит переопределения экземпляров на несколько целевых объектов.
  • 05Создаёт нативные аннотации и коннекторы FigJam на основе реакций прототипа.
  • 06Экспортирует узлы в PNG, JPG, SVG или PDF.

Сценарии использования

  • Массовое обновление текста в крупном файле дизайна для маркетинга или локализации.
  • Создание заготовок макетов или фреймов по промпту агента в Cursor или Claude Code.
  • Перенос устаревших аннотаций и потоков прототипа на нативные функции Figma.
  • Перенос изменений одного экземпляра компонента на множество похожих экземпляров.

Быстрый старт

  1. 1

    Установите Bun с помощью официального скрипта установки из README

  2. 2

    Запустите setup, чтобы установить MCP server в проект Cursor

    bun setup
  3. 3

    Запустите WebSocket server

    bun socket
  4. 4

    Установите Figma plugin со страницы сообщества Figma

Что важно знать

  • Чтобы агент мог работать с Figma, необходимо поддерживать WebSocket server в запущенном состоянии и присоединиться к каналу через Figma plugin.
  • В Windows с WSL необходимо вручную изменить src/socket.ts, чтобы разрешить подключения.

Темы

Частые вопросы

Что такое cursor-talk-to-figma-mcp?
MCP-сервер и плагин для Figma, с помощью которых AI-агенты вроде Cursor и Claude Code могут программно читать и изменять макеты. Talk to Figma MCP связывает AI-агенты для разработки, такие как Cursor и Claude Code, с Figma. Он запускает MCP-сервер на TypeScript и WebSocket-сервер, которые передают команды плагину Figma, работающему внутри файла дизайна. После подключения агент может изучать документ, выделение и свойства узлов, а также создавать фреймы, прямоугольники и текст, менять заливки, обводки и настройки auto layout, экспортировать узлы.
cursor-talk-to-figma-mcp можно использовать бесплатно? Какая у него лицензия?
cursor-talk-to-figma-mcp распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
cursor-talk-to-figma-mcp всё ещё поддерживается?
Обновлялся за последние 6 месяцев. Последний коммит в cursor-talk-to-figma-mcp — 26 июл. 2026 г..
Для чего можно использовать cursor-talk-to-figma-mcp?
Массовое обновление текста в крупном файле дизайна для маркетинга или локализации. Создание заготовок макетов или фреймов по промпту агента в Cursor или Claude Code. Перенос устаревших аннотаций и потоков прототипа на нативные функции Figma. Перенос изменений одного экземпляра компонента на множество похожих экземпляров.
Как установить cursor-talk-to-figma-mcp?
Установите Bun с помощью официального скрипта установки из README Запустите setup, чтобы установить MCP server в проект Cursor: bun setup Запустите WebSocket server: bun socket Установите Figma plugin со страницы сообщества Figma
Где скачать cursor-talk-to-figma-mcp?
Исходный код и инструкции по установке — на GitHub: https://github.com/grab/cursor-talk-to-figma-mcp

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты