FluxAI ← voltar ao acervo
Guia grátis · Conexões

Conecte o Figma ao Claude

É a ponte entre o seu design e o resto do trabalho. Depois de conectar, o Claude lê o seu arquivo do Figma de verdade: componentes, variáveis, layout, e até gera código a partir de um frame que você seleciona.

iniciante~6 mingrátis

O que isso destrava

1

Escolha o caminho

Tem dois. O server remoto é o recomendado para quase todo mundo: mais fácil e com o conjunto maior de recursos. O desktop/local é para casos de organização e empresa. Comece pelo remoto.

Regra: se é a sua primeira conexão, vá de remoto. Você só troca para o local quando a sua empresa exigir.
2

Instale o plugin oficial do Figma

No terminal, dentro do Claude Code, instale o plugin do Figma pela loja oficial da Anthropic. Ele já traz o server MCP configurado e algumas skills prontas:

claude plugin install figma@claude-plugins-official

Enter para instalar e reinicie o Claude Code se ele já estiver aberto.

3

Autorize a sua conta

Rode /plugin, vá até a aba Installed (seta para direita) e selecione o figma. Dê Enter para abrir a autenticação, e Enter de novo para abrir o navegador. Clique em Allow access para autorizar. O acesso respeita o seu login, então o Claude só enxerga o que você enxerga.

4

Confirme e dê o primeiro comando real

Rode /plugin de novo: o figma deve aparecer como conectado. Para testar de verdade, abra um arquivo, selecione um frame e peça algo do seu trabalho: "descreva os componentes e as variáveis desse frame" ou "gera o código dessa tela". Se vier dado real do seu design, está funcionando.

Confira o oficial: o comando e o fluxo de MCP ainda mudam. A fonte da verdade é o guia da Figma (help.figma.com) e o repositório figma/mcp-server-guide. Se algo não bater, pegue o passo de lá.
5

Se precisar do caminho local

Só para quem precisa do desktop: no app do Figma, abra um arquivo, entre em Dev Mode e ative o server MCP na barra lateral. Depois, no Claude Code, aponte para o endereço local:

claude mcp add --transport http figma-desktop http://127.0.0.1:3845/mcp
Cuidado com o limite: no método local, a conta grátis do Figma tem cerca de 6 usos por mês. Por isso o remoto é o recomendado.

Figma conectado. E agora?

Esse é mais um da trilha Conexões, ao lado do GitHub. Os próximos (Higgsfield e Magnific para imagem e vídeo) estão chegando no acervo.

Ver o acervo →