O servidor MCP do Figma traz um contexto importante dos seus arquivos Figma Design, Figma Make e FigJam diretamente para o seu ambiente de desenvolvimento, melhorando seus fluxos de trabalho e mantendo seus componentes de código e design consistentes.
O Figma possui um servidor MCP Figma remoto e um servidor MCP Figma de desktop. Ambos os servidores vêm com muitas das mesmas ferramentas excelentes, mas existem algumas pequenas diferenças que observaremos abaixo.
O servidor MCP que você escolhe usar depende principalmente dos seus fluxos de trabalho de design e desenvolvimento.
Servidor MCP do Figma remoto
Escolha o servidor MCP do Figma remoto se:
- Você usa o Figma principalmente no seu navegador.
- Você não pode usar o aplicativo Figma para Desktop.
- Você prefere copiar links para seus quadros e camadas e colá-los na sua ferramenta de agente de desenvolvimento (como VS Code, Claude Code, Cursor, e Windsurf).
- Você não precisa usar nenhuma ferramenta que só esteja disponível com o servidor MCP Figma para desktop.
O servidor MCP remoto do Figma permite que você se conecte diretamente a um servidor MCP hospedado pelo Figma. Como o servidor MCP é hospedado remotamente pelo Figma, o servidor MCP remoto é uma ótima opção se você prefere usar o Figma no navegador ou se não consegue usar o aplicativo Figma para desktop.
Compartilhar contexto
O servidor MCP do Figma remoto é baseado em link. Isso significa que você precisa fornecer um URL como contexto, para que sua ferramenta de desenvolvimento agêntica seja capaz de entender o que você está pedindo para avaliar.
Para fornecer contexto com o servidor MCP remoto:
- Copie o URL do arquivo da barra de endereço sem nada selecionado (isso fornecerá contexto de todo o arquivo Figma Design ou Figma Make).
- Ou, clique com o botão direito em uma camada e clique em copiar link para a seleção (isso fornecerá contexto apenas daquele objeto).
- Cole o URL na sua ferramenta agente de desenvolvimento.
- Digite um prompt ou use uma das ferramentas do servidor MCP.
Servidor MCP do Figma para desktop
Escolha o servidor MCP do Figma para desktop se:
- Você usa principalmente o aplicativo Figma para desktop
- Você prefere selecionar camadas e quadros no app para desktop para suas ferramentas de agente de desenvolvimento retirarem contexto da seleção
- O servidor MCP remoto não suporta uma ferramenta que é importante para o seu fluxo de trabalho
Para usar o servidor Figma MCP para desktop, é preciso ter o aplicativo Figma para desktop. Você pode baixar o app Figma para desktop aqui. Se você já tiver o app para desktop instalado, atualize-o para a versão mais recente.
Compartilhar contexto
O servidor MCP para desktop do Figma é baseado em seleção. Isso significa que ele pode entender o contexto de seus prompts com base nas camadas que você selecionou em seus arquivos do Figma Design. Você ainda pode usar links para fornecer contexto se preferir.
Para fornecer contexto ao servidor MCP Figma para desktop:
- Selecione qualquer objeto no seu arquivo do Figma Design
- Dê um prompt para sua ferramenta de agente de desenvolvimento
Compare disponibilidade de ferramentas
Depois de configurar o servidor MCP do Figma, você poderá chamar várias ferramentas de dentro de suas ferramentas de agente de desenvolvimento favoritas. Essas ferramentas compartilharão o contexto de sua seleção (ao usar o servidor MCP de desktop) ou o link para um arquivo ou camada específica (ao usar o servidor MCP remoto) com seu cliente MCP.
A maioria das ferramentas está disponível em ambos os servidores MCP do Figma, de desktop e remoto. Atualmente, algumas ferramentas podem estar disponíveis apenas em um dos servidores MCP.
Use o comando de ferramentas na sua ferramenta de agente para ver a lista completa de ferramentas disponíveis, e confira nossa documentação para desenvolvedores para as informações mais atualizadas.
Conecte o servidor MCP ao seu editor
Tanto os servidores MCP remotos quanto os de desktop do Figma funcionam com uma ampla variedade de ferramentas de agente de desenvolvimento. Siga as instruções do seu editor específico para se conectar ao servidor MCP do Figma, localmente ou remotamente:
| Cliente | Suporte para servidor desktop |
Suporte a servidor remoto |
| Amazon Q | ✓ |
|
| Android Studio | ✓ |
✓ |
| Claude Code | ✓ |
✓ |
| Codex da OpenAI | ✓ |
✓ |
| Cursor | ✓ |
✓ |
| Gemini CLI | ✓ |
✓ |
| Kiro | ✓ |
|
| OpenHands | ✓ |
|
| Replit |
|
✓ |
| VS Code | ✓ |
✓ |
| Warp | ✓ |
✓ |
Dica: Para a lista mais recente de editores e clientes suportados, confira nosso Catálogo MCP.
Tenha em mente que a ferramenta de agente de desenvolvimento que você usa —e os modelos que as energizam— são o que produzem o resultado final do código, não o servidor MCP do Figma. Você pode querer experimentar várias ferramentas cliente MCP para ver qual produz os melhores resultados para você.