Contexto de design, onde quer que você construa

A IA torna mais fácil do que nunca transformar uma ideia em código funcional. Mas para obter os melhores resultados, você precisa de mais do que um prompt bem estruturado. Hoje estamos anunciando atualizações para o servidor Figma MCP e para o Code Connect que tornam possível trazer o contexto do Figma Design para onde quer que você trabalhe - seja no seu IDE, no seu agente de IA, ou nos seus protótipos.

Essas atualizações tornam o contexto do seu design system — contexto sobre como o seu design system está estruturado, como seu código é escrito e como sua equipe constrói produtos — mais portátil e poderoso, ajudando você a passar de ideia a produto com menos atrito. Esse contexto frequentemente representa anos de esforço combinado e deve ser acessível tanto dentro quanto fora da tela de trabalho do Figma.

Disponibilizando acesso remoto ao servidor MCP do Figma

No início deste ano, introduzimos o servidor local MCP no Dev Mode, dando aos desenvolvedores uma maneira de trazer o contexto de Design ao vivo para seu editor. Equipes em empresas como Affirm e Coinbase já estão usando isso para construir fluxos de usuários complexos em um tempo significativamente menor.

Agora, o servidor MCP do Figma suporta acesso remoto. Isso significa que você pode se conectar ao Figma a partir do seu IDE, de um agente de codificação de IA ou até mesmo de um modelo baseado em navegador. No Figma, os designs podem ser muito mais do que imagens estáticas. Os designs Figma codificam layouts responsivos, detalhes de interação e, em alguns casos, programas visuais inteiros. Os clientes podem transmitir este contexto do Figma para novos parceiros como Android Studio, Replit e Warp. Você não precisa mais do nosso app para desktop para trazer o contexto de Design para o seu fluxo de trabalho. O Figma começou no navegador para aproximar as equipes, e esta atualização estende essa missão.

Conectar o Figma ao seu fluxo de trabalho também se tornou mais fácil com o nosso catálogo de parceiros. Basta encontrar o seu IDE ou agente de escolha na lista e, em seguida, integrar o servidor MCP do Figma. Ou, integre a partir de dentro do seu cliente. Queremos que todo desenvolvedor que construa a partir de arquivos do Figma tenha uma experiência contínua e poderosa. E assim como nossa adição recente de ferramenta que cria regras de design system, continuaremos a adicionar mais funcionalidades e parceiros ao nosso servidor MCP durante a fase beta e além.

Expandindo MCP para o Figma Make

Para equipes que usam o Figma Make para construir e explorar rapidamente ideias de produtos, o servidor Figma MCP agora cria uma ponte entre o Make e sua base de código. Ao usar um arquivo Figma Make via um cliente MCP, os modelos de IA podem ver o código subjacente em vez de um protótipo ou imagem renderizada.

A maneira como fazemos isso é simples: o servidor Figma MCP indexa o código no seu arquivo Make para que você e suas plataformas favoritas possam solicitar exatamente o que é necessário. Desenvolvedores e agentes de IA podem reutilizar o programar diretamente de um arquivo especificado ou referenciar a lógica, Design e padrões como inspiração.

Trabalhamos com parceiros como Anthropic, Cursor, Windsurf e VS Code para tornar essa experiência disponível em seus produtos a partir de hoje. E já estamos construindo nossas próximas grandes atualizações, como conectar servidores MCP parceiros ao Figma Make.

Melhor mapeamento de componentes com o Code Connect

Code Connect foi desenvolvido para alinhar os componentes da base de código com os componentes de Figma Design. Ao definir esses relacionamentos, o Code Connect permite que tanto humanos quanto agentes de IA construam produtos mais rapidamente. É um passo em direção à nossa missão de unificar design system, onde quer que eles estejam.

Até agora, esses mapeamentos exigiam configuração manual a partir do seu terminal. Com a nova experiência de mapeamento no app do Code Connect, você pode navegar pelos componentes dentro do Figma, mapeá-los para o código e arquivo corretos, e ver facilmente quais estão vinculados ou ausentes. Isso complementa o CLI do Code Connect, que ajuda os desenvolvedores a trazer trechos prontos para produção no Dev Mode com mapeamentos definidos de propriedade ou variante para a maioria dos frameworks. Muitas equipes estão adotando ambos.

Os clientes que utilizam o Code Connect agora podem transmitir mais do que apenas o contexto de Design através do nosso servidor MCP—eles terão acesso a locais de componentes de código e diretrizes de uso. O servidor MCP do Figma, por si só, traz um rico contexto de design para agentes de IA. Com o Code Connect, também traz consciência de produção. Testes iniciais de avaliações internas e clientes alfa mostraram uma saída de código mais consistente, navegação de arquivos mais rápida e maior eficiência de tokens de agentes de IA ao usar ambos. Desenvolvedores e equipes verão melhorias em todas essas categorias—e mais—durante o beta.

Revisões de integração e limites de taxa

À medida que abrimos mais formas de conectar o Figma às ferramentas que você já usa, também estamos fortalecendo a base que torna essas conexões confiáveis. A extensibilidade é melhor quando clientes e desenvolvedores confiam na plataforma em que estão construindo.

No futuro, todas as integrações públicas de terceiros e clientes MCP serão revisados pela Figma antes de poderem acessar seus dados. Isso adiciona uma camada de confiança para qualquer pessoa que adote novos apps ou fluxos de trabalho e é consistente com a forma como revisamos plugins e widgets. Nossos limites de taxa da REST API serão ajustados para criar uma experiência mais previsível para desenvolvedores de aplicativos e usuários. Essas mudanças terão efeito a partir de 17 de novembro e afetarão menos de um por cento dos usuários ativos do Figma.

Pensando no futuro

O servidor remoto MCP, o suporte para arquivos Make no Figma MCP e a experiência do Code Connect no app são os primeiros passos em direção a uma visão mais ampla. Queremos que o contexto se mova livremente entre as ferramentas para que as explorações possam evoluir para recursos de produção, sem reescritas ou modificações desnecessárias.

Hoje, o servidor Figma MCP transmite o contexto de Design e código para outras ferramentas. Com o tempo, ele se tornará um conector bidirecional, trazendo o contexto externo de volta para o Figma. Isso significa protótipos mais realistas, menos reconstruções e mais tempo dedicado a resolver problemas reais e construir produtos que se destacam.

Os artefatos de design não são apenas referências. Eles são entradas ativas que moldam seu negócio e a experiência do usuário. Quer se trate de um design system, um protótipo interativo, mockups anotados ou código gerado, cada um contém conhecimento que sua equipe pode usar para construir de forma mais precisa e rápida.

Todos esses recursos estão em beta a partir de hoje. Continuamos a refinar e melhorar à medida que avançamos em direção à disponibilidade geral. Imagine o que você pode construir quando o Figma está em todos os lugares onde você constrói.