A Figma anunciou o lançamento do fluxo de trabalho Claude Code to Figma, que permite converter interfaces geradas ou capturadas via código em designs editáveis dentro da plataforma. A novidade foi apresentada nesta semana e busca integrar, de forma direta, os ambientes de desenvolvimento e criação visual.
Segundo a empresa, o recurso atende a uma demanda recorrente de equipes que precisam levar protótipos funcionais para um espaço colaborativo. Assim, desenvolvedores e designers podem transformar telas já existentes, inclusive em produção, staging ou localhost, em frames editáveis no canvas do Figma.
De acordo com a equipe de produto, a proposta é reduzir barreiras entre código e design visual. “O foco é remover barreiras entre protótipos codificados e iterações visuais colaborativas”, afirma a equipe do Figma.
Com o novo fluxo, usuários conseguem importar telas completas, diferentes estados de interface e fluxos inteiros diretamente do navegador para o ambiente visual. Além disso, passam a editar elementos de interface sem a necessidade de reescrever o código manualmente.
Outro ponto destacado pela empresa é a possibilidade de comparar variações lado a lado. Dessa forma, times podem iterar com maior agilidade e compartilhar artefatos de design com gerentes de produto, designers e engenheiros desde as fases iniciais de desenvolvimento.
Conforme o Figma, o lançamento faz parte da estratégia de ampliar a integração entre design e desenvolvimento. Nesse contexto, a empresa reforça a visão de permitir fluxos de trabalho que possam começar tanto no código quanto na criação visual, sem separações rígidas entre as etapas.
O Claude Code to Figma passa a integrar o ecossistema de ferramentas conectadas à plataforma, incluindo recursos baseados em inteligência artificial e automação. Com isso, o Figma amplia as possibilidades de interação entre o canvas e o código dentro de um mesmo fluxo colaborativo.