Repolode
Enviar
awdr74100

awdr74100/figwright

Um servidor MCP gratuito e bidirecional para Figma que permite a agentes de programação transformar designs do Figma em código e enviar designs de volta para o canvas.

Alternativa open source a:Figma Dev Mode MCP

Ver no GitHub
Estrelas
1,103
Forks
63
Issues abertas
5
Último commit
há 14 horas

O que é?

O Figwright conecta um servidor MCP a um plugin do Figma por meio de um relay WebSocket local, permitindo que agentes de IA como Claude Code, Cursor e Codex leiam e editem um arquivo do Figma. Na leitura, transforma uma seleção do Figma em código adaptado ao framework, usando o contexto do design, como layout, tipografia, variáveis e componentes. Na escrita, pode criar e editar frames, texto, auto-layout, estilos, variáveis, componentes e telas inteiras diretamente no canvas.

O servidor roda localmente junto com o plugin e funciona no plano gratuito do Figma, pois usa a API do plugin em vez do Dev Mode. Ele detecta o framework e o sistema de estilos do projeto e, sempre que possível, reutiliza componentes, tokens e ícones existentes. Vários agentes podem se conectar ao mesmo tempo, e cada um pode assumir seu próprio arquivo do Figma aberto.

Para configurar o projeto, use um comando npx na configuração do cliente MCP e importe o plugin a partir de um release zip. O projeto também inclui duas skills instaláveis para agentes, figma-codegen e figma-build, que orientam os fluxos de leitura e escrita.

Recursos principais

  • 01Converte uma seleção do Figma em código baseado no framework, no sistema de estilos e nos componentes existentes do projeto.
  • 02Disponibiliza 121 ferramentas MCP para ler e editar o canvas do Figma.
  • 03Cria e edita frames, texto, auto-layout, estilos, variáveis e componentes.
  • 04Roda localmente, e o plugin usa apenas a Plugin API pública do Figma.
  • 05Permite que vários agentes trabalhem ao mesmo tempo em diferentes arquivos do Figma abertos.
  • 06Inclui um painel do plugin que registra cada chamada de ferramenta e mostra o payload enviado ao modelo.

Casos de uso

  • Implementar um design do Figma como componente React ou de outro framework sem precisar de uma licença paga do Dev Mode.
  • Pedir a um agente de IA que crie uma tela ou seção no canvas do Figma com base em uma especificação escrita.
  • Manter o código gerado alinhado aos tokens de design e às bibliotecas de componentes existentes.
  • Executar vários agentes de programação em paralelo em diferentes arquivos do Figma.

Tópicos

#figma#mcp#design-to-code#code-generation#ai-agents#typescript#ai#claude-code#codegen#codex

Perguntas frequentes

O que é figwright?
Um servidor MCP gratuito e bidirecional para Figma que permite a agentes de programação transformar designs do Figma em código e enviar designs de volta para o canvas. O Figwright conecta um servidor MCP a um plugin do Figma por meio de um relay WebSocket local, permitindo que agentes de IA como Claude Code, Cursor e Codex leiam e editem um arquivo do Figma. Na leitura, transforma uma seleção do Figma em código adaptado ao framework, usando o contexto do design, como layout, tipografia, variáveis e componentes. Na escrita, pode criar e editar frames, texto, auto-layout, estilos, variáveis, componentes e telas inteiras diretamente no canvas.
figwright é gratuito? Qual é a licença?
figwright é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
figwright ainda é mantido?
Manutenção ativa. O último commit de figwright foi em 19 de out. de 2026.
Para que posso usar figwright?
Implementar um design do Figma como componente React ou de outro framework sem precisar de uma licença paga do Dev Mode. Pedir a um agente de IA que crie uma tela ou seção no canvas do Figma com base em uma especificação escrita. Manter o código gerado alinhado aos tokens de design e às bibliotecas de componentes existentes. Executar vários agentes de programação em paralelo em diferentes arquivos do Figma.
Onde consigo figwright?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/awdr74100/figwright

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

Projetos relacionados