Repolode
Enviar
grab

grab/cursor-talk-to-figma-mcp

Um servidor MCP e plugin do Figma que permitem a agentes de IA, como Cursor e Claude Code, ler e modificar designs do Figma por meio de código.

Ver no GitHubSite
Estrelas
7,065
Forks
782
Issues abertas
93
Último commit
há 3 meses

O que é?

O Talk to Figma MCP conecta agentes de programação com IA, como Cursor e Claude Code, ao Figma. Ele executa um servidor MCP em TypeScript e um servidor WebSocket, que encaminham comandos para um plugin do Figma em execução dentro do arquivo de design. Depois de conectar, um agente pode inspecionar o documento, a seleção e as propriedades dos nós; criar frames, retângulos e textos; alterar preenchimentos, traços e configurações de auto-layout; e exportar nós.

O conjunto de ferramentas também dá suporte a tarefas em lote em arquivos maiores, como substituição de textos em massa, varredura de nós de texto em partes e propagação de substituições de instâncias de componentes de uma instância de origem para vários destinos. Prompts auxiliares orientam o agente em tarefas como converter anotações antigas em anotações nativas do Figma ou transformar reações de protótipos em conectores do FigJam.

A configuração inclui instalar o Bun, executar o comando de setup, iniciar o servidor de socket, instalar o plugin do Figma e entrar em um canal pelo plugin antes de enviar comandos. O projeto inclui um guia para Windows e WSL que altera o hostname do socket.

Recursos principais

  • 01Lê informações do documento, da seleção e dos nós do Figma por meio de ferramentas MCP.
  • 02Cria frames, retângulos, nós de texto, seções e instâncias de componentes.
  • 03Edita preenchimentos, traços, raio dos cantos, espaçamento interno do auto-layout, espaçamento e dimensões.
  • 04Faz substituições de texto em massa e propaga substituições de instâncias para vários destinos.
  • 05Cria anotações nativas e conectores do FigJam a partir de reações de protótipos.
  • 06Exporta nós como PNG, JPG, SVG ou PDF.

Casos de uso

  • Atualizar textos em massa em um arquivo de design grande de marketing ou localização.
  • Criar estruturas iniciais de layouts ou frames a partir de um prompt do agente no Cursor ou Claude Code.
  • Migrar anotações antigas e fluxos de protótipos para recursos nativos do Figma.
  • Propagar personalizações de uma instância de componente para várias instâncias semelhantes.

Início rápido

  1. 1

    Instale o Bun usando o script oficial de instalação do README

  2. 2

    Execute setup para instalar o MCP server no seu projeto do Cursor

    bun setup
  3. 3

    Inicie o WebSocket server

    bun socket
  4. 4

    Instale o Figma plugin pela página da comunidade do Figma

Antes de usar

  • Você precisa manter o WebSocket server em execução e entrar em um canal pelo Figma plugin antes que o agente possa trabalhar com o Figma.
  • No Windows com WSL, é necessário editar src/socket.ts manualmente para permitir conexões.

Tópicos

#figma#mcp#ai-agents#design-automation#websocket#typescript#agent#agentic#agentic-ai#ai

Perguntas frequentes

O que é cursor-talk-to-figma-mcp?
Um servidor MCP e plugin do Figma que permitem a agentes de IA, como Cursor e Claude Code, ler e modificar designs do Figma por meio de código. O Talk to Figma MCP conecta agentes de programação com IA, como Cursor e Claude Code, ao Figma. Ele executa um servidor MCP em TypeScript e um servidor WebSocket, que encaminham comandos para um plugin do Figma em execução dentro do arquivo de design. Depois de conectar, um agente pode inspecionar o documento, a seleção e as propriedades dos nós; criar frames, retângulos e textos; alterar preenchimentos, traços e configurações de auto-layout; e exportar nós.
cursor-talk-to-figma-mcp é gratuito? Qual é a licença?
cursor-talk-to-figma-mcp é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
cursor-talk-to-figma-mcp ainda é mantido?
Atualizado nos últimos 6 meses. O último commit de cursor-talk-to-figma-mcp foi em 26 de jul. de 2026.
Para que posso usar cursor-talk-to-figma-mcp?
Atualizar textos em massa em um arquivo de design grande de marketing ou localização. Criar estruturas iniciais de layouts ou frames a partir de um prompt do agente no Cursor ou Claude Code. Migrar anotações antigas e fluxos de protótipos para recursos nativos do Figma. Propagar personalizações de uma instância de componente para várias instâncias semelhantes.
Como instalar cursor-talk-to-figma-mcp?
Instale o Bun usando o script oficial de instalação do README Execute setup para instalar o MCP server no seu projeto do Cursor: bun setup Inicie o WebSocket server: bun socket Instale o Figma plugin pela página da comunidade do Figma
Onde consigo cursor-talk-to-figma-mcp?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/grab/cursor-talk-to-figma-mcp

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados