News · Codex agora faz ida e volta com o Figma: transforma código de UI em designs editáveis e vice-versa
Codex agora faz ida e volta com o Figma: transforma código de UI em designs editáveis e vice-versa
A integração da OpenAI com o Figma via MCP deixa quem constrói produtos migrar do código para o canvas e voltar sem perder contexto — uma aposta concreta em fluxos de frontend que cruzam a linha entre design e engenharia.
O que a integração realmente faz
OpenAI e Figma lançaram uma integração entre Codex e Figma construída sobre o MCP, o padrão aberto que permite que agentes de IA conversem com ferramentas externas. O mecanismo é bem específico: você instala o servidor MCP do Figma direto no aplicativo desktop do Codex para macOS, e o Codex passa a ter acesso ao Figma Design, ao Figma Make e ao FigJam.
O fluxo de trabalho anunciado funciona nos dois sentidos. As equipes podem trazer detalhes de um arquivo do Figma para o Codex e implementá-los em código — esse é o caminho já esperado. Mas o anúncio dá mais destaque ao caminho inverso: agora é possível transformar uma UI que já existe em código em designs editáveis no Figma, iterar no canvas e trazer as mudanças de volta. A OpenAI chama isso de 'fluxo de ida e volta', em que você pode começar por um prompt, por código ou por um design.
Por que o caminho código-para-design é o mais difícil
Gerar código a partir de um design é terreno bem conhecido; vários produtos já fazem isso, com fidelidade variável. O que realmente vale a pena observar aqui é o caminho contrário — reconstruir um design editável no Figma a partir de código de UI já em produção. Esse é um problema mais ambíguo e com mais perda de informação, porque o código de produção carrega detalhes de implementação, estrutura de componentes e estado que não se traduzem de forma direta para um canvas estático.
Se funcionar como descrito, isso muda onde a exploração acontece. Em vez de designers tentarem entender o que os engenheiros construíram, ou engenheiros congelarem um design antes de tocar no código, o estado atual de uma aplicação passa a ser o ponto de partida para a próxima rodada de design. A fonte descreve o ganho como construir 'sobre as melhores ideias — não só a primeira ideia', uma forma precisa de dizer que a superfície de design continua viva depois que o código já existe.
A proposta de dissolver papéis, dita sem rodeios
A OpenAI é direta ao afirmar que essa integração é voltada para pessoas que não se encaixam perfeitamente em um único cargo. A proposta é que engenheiros iterem visualmente sem saírem do fluxo de trabalho e que designers trabalhem mais próximos da implementação real, sem precisar virar programadores em tempo integral.
“Essa integração torna o Codex poderoso para uma gama muito maior de criadores e negócios, porque ela não parte do pressuposto de que você é 'designer' ou 'engenheiro' antes de tudo”, disse Alexander Embiricos, líder de produto do Codex. “A fronteira entre os papéis começa a ficar mais fluida, porque o sistema ajuda a traduzir continuamente entre intenção e realidade.”Montana Labs
Esse enquadramento importa para como as equipes vão avaliar a ferramenta. O valor aqui não é um novo artefato — é a tradução contínua entre duas representações do mesmo produto que, hoje, diferentes papéis administram separadamente. Se isso realmente reduz o atrito real nas transições entre equipes depende de quão bem o ciclo de ida e volta preserva o contexto, que é exatamente o que a conexão via MCP deveria garantir.
O contexto da parceria e da distribuição
Este não é um lançamento do zero. O Figma já usa modelos da OpenAI em toda a sua plataforma, foi um dos primeiros a lançar um app do ChatGPT em 2025, e adotou o ChatGPT Enterprise internamente. A integração com o Codex amplia uma relação comercial já existente, em vez de começar uma nova — o que reduz o risco de qualquer um dos lados deixar o projeto de lado.
A OpenAI relaciona o anúncio aos números de adoção do Codex: mais de 1 milhão de usuários semanais e crescimento de uso superior a 400% desde o início do ano, além de clientes enterprise como Cisco, NVIDIA, Ramp e Datadog. O próprio Codex evoluiu de uma CLI lançada em abril de 2025 para uma extensão de IDE, uma versão web e o aplicativo desktop para macOS — e é justamente no app desktop que esse servidor do Figma é instalado.
O que verificar antes de confiar no ciclo de ida e volta
O ponto específico para testar é a fidelidade do caminho código-para-design com a sua própria base de código. Uma árvore de componentes existente volta como um design realmente editável no Figma, ou como uma aproximação achatada que perde estrutura? A promessa de 'sem perder contexto' é o produto inteiro; se o contexto se degrada a cada passagem, o ciclo de ida e volta se torna uma via de mão única com passos extras.
A implicação para equipes de frontend é bem específica e limitada: essa é uma funcionalidade voltada primeiro para o desktop macOS, restrita ao MCP, que já pressupõe que você trabalha com Figma e Codex. Para as equipes que estão exatamente nessa interseção, ela oferece uma chance real de parar de tratar design e código como fontes de verdade separadas. Para todos os outros, é um sinal de para onde as ferramentas de codificação com agentes estão indo — para dentro do canvas de design, não só no terminal.
Find this story relevant to you?
Contact us to find a unique solution
Precisa de um parceiro de engenharia de IA que consiga construir de verdade?
Ajudamos empresas no Brasil a integrar IA, acelerar produtos com IA, automatizar operações e modernizar os sistemas de software por trás do negócio.
Leituras relacionadas
Mais análises sobre entrega de produto, IA operacional e o trabalho de sistemas que faz a implantação se sustentar na prática.