Figma MCP Server
Dê ao Claude o contexto de design ao vivo de arquivos do Figma e deixe-o escrever no canvas.
Oficialpor FigmaHospedado ou no seu computadorVerificado em 18 de outubro de 2026
O servidor MCP do próprio Figma entrega ao Claude contexto de design estruturado, como layout, variáveis, componentes e capturas de tela, para que ele transforme frames em código fiel ao design. O servidor hospedado também cria e edita conteúdo nativo do Figma, enquanto um servidor local embutido no app desktop do Figma é oferecido para organizações com necessidades específicas de enterprise.
Para quem é
- Designers de produto e UI
- Desenvolvedores frontend transformando designs em código
- Equipes de design system
Prompts para testar
Depois de conectado, peça com suas palavras. Sua ferramenta de IA decide quando usar o servidor e pergunta antes de mudar algo importante.
Transforme o frame selecionado do Figma em um componente React responsivo que reutilize os nossos componentes Button e Card.Liste as variáveis de cor e espaçamento usadas neste frame e mapeie-as para a nossa configuração do Tailwind.Crie uma nova página de configurações no Figma seguindo o layout e os componentes da nossa página de perfil.Como conectar na sua ferramenta de IA
MCP é um padrão aberto, então este servidor funciona no Claude, ChatGPT, Codex, Cursor, VS Code e mais. Escolha sua ferramenta:
Conecte para mim o servidor MCP do Figma MCP Server ao Claude Code: rode este comando: claude mcp add --transport http figma https://mcp.figma.com/mcp
Se algum valor começar com YOUR_, me peça primeiro. Quando estiver conectado, me ajude a fazer login se precisar e mostre uma coisa que eu possa pedir a ele.Ou faça você mesmo:
claude mcp add --transport http figma https://mcp.figma.com/mcpDigite /mcp dentro do Claude Code, escolha o servidor e clique em Authenticate para fazer login.
Endereço hospedado: https://mcp.figma.com/mcp
Bom saber
Rode /mcp no Claude Code para entrar. Planos Starter e assentos View ou Collab ficam limitados a cerca de 20 chamadas de ferramentas por mês; o servidor do app desktop roda em http://127.0.0.1:3845/mcp.
Libere os passos de configuração
Grátis. Deixe seu email uma vez para liberar os passos de configuração dos 150 servidores e receber os melhores conectores novos todo mês.
Como verificamos
Verificamos a documentação para desenvolvedores do Figma (configuração remota e desktop, limites por plano e assento), o repositório figma/mcp-server-guide, a entrada de registro (com.figma.mcp/mcp) e a página no diretório do Claude; o endpoint hospedado responde com um desafio OAuth.