A plataforma Figma e a Anthropic criaram uma parceria para lançar a funcionalidade Code to Canvas. Esta novidade permite aos utilizadores enviar interfaces geradas por inteligência artificial diretamente do ambiente Claude Code para a área de trabalho da Figma, onde são convertidas em camadas de design totalmente editáveis.
Como funciona a passagem do código para o design
Para ligar os resultados gerados pela inteligência artificial à tela colaborativa, a ferramenta recorre ao Model Context Protocol da plataforma de design. Na prática, o processo é bastante direto: os utilizadores apenas precisam de escrever o comando "Send this to Figma" no ambiente de programação. A partir desse momento, a interface visualizada no navegador é traduzida para camadas estruturadas prontas a ser manipuladas.
Assim que os elementos chegam à plataforma, as equipas podem editar, reorganizar e adicionar anotações à interface como se fossem objetos nativos criados de raiz. Este fluxo de trabalho adapta-se a diferentes abordagens, suportando tanto o método baseado em instruções iniciais de texto, através da função Figma Make, como a construção focada primariamente na escrita de código.
Colaboração melhorada entre diferentes equipas
A principal vantagem desta atualização é a facilidade em comparar diferentes opções visuais lado a lado. Torna-se muito mais simples detetar inconsistências nas interfaces e explorar várias alternativas gráficas sem que seja necessário alterar e reescrever as linhas de programação. Designers, engenheiros de software e gestores de produto podem partilhar o mesmo contexto sobre o mesmo elemento visual, o que acelera e facilita a tomada de decisões nas fases iniciais do projeto.
O servidor configurado permite ainda fazer o caminho inverso, devolvendo o trabalho gráfico aos ambientes de programação através de uma simples hiperligação para um quadro específico, conforme detalhado na publicação oficial da Figma. Guias e documentação técnica já se encontram disponíveis para ajudar na configuração inicial.
Nenhum comentário
Seja o primeiro!