Figma：Claude transforma rapidamente conceitos em código, podendo criar um site por dia

Figma dos engenheiros afirmou que, antes do aparecimento da Anthropic, os modelos de IA claramente careciam de bom gosto e personalidade no design, fazendo com que eles gerassem designs quase idênticos. Claude permite que a Figma tenha um modelo de IA com bom gosto de design, simplificando muitos processos de comunicação e revisão. Como disse Jensen Huang, software SaaS e IA não são uma relação de antagonismo, mas sim uma forma de tornar as equipes de trabalho mais eficientes na realização de tarefas.

Figma através de geração de aplicações por linguagem natural

O gerente de produto da Figma, Alex Mullans, apontou que, no fluxo de trabalho tradicional de design, após a entrega do projeto, muitas vezes há desvios da ideia original devido a limitações de implementação. Ao integrar a geração de design e código na mesma plataforma, as equipes podem manter o controle sobre a intenção do design durante o desenvolvimento, reduzindo custos de comunicação repetida. A Figma usa Claude para operações em linguagem natural, economizando tempo dos designers na implementação, transformando designs estáticos em protótipos ou aplicações interativas, encurtando a distância entre conceito e validação.

Claude oferece suporte ao Figma Make, permitindo que os usuários criem rapidamente protótipos ou aplicações interativas funcionais sem escrever código. Designers, desenvolvedores e gerentes de produto podem concluir tarefas que antes levavam horas em poucos minutos, deixando tarefas repetitivas e processos complexos para o sistema automatizar. A Figma afirma que esse modelo permite que as equipes dediquem mais tempo à exploração de diferentes direções de design e ideias de produto, além de possibilitar que membros sem background em design expressem suas ideias visualmente, ampliando a participação no processo de design.

Usando Claude, é possível criar um site em um dia

Ao escolher modelos de inteligência artificial, a Figma foca no equilíbrio entre qualidade de código, compreensão da intenção de design e velocidade de execução. Mullans afirmou que Claude demonstrou desempenho estável em várias avaliações, equilibrando precisão e necessidades do usuário. A equipe da Figma também destacou que o desempenho de Claude em termos de estética faz com que os resultados gerados não sejam apenas funcionais, mas também mais alinhados com a estética do design. Holly Li, gerente de produto do Figma Make, compartilhou que ela gastou cerca de 30 horas aprendendo React para criar um site, e com a ajuda de Claude, conseguiu completar a refatoração do código e expansão de funcionalidades em apenas um dia.

Holly Li afirmou que cada atualização do Claude traz melhorias significativas. Agora, basta um prompt para gerar designs elegantes com gradientes, fontes variadas e animações inteligentes. Os designers da equipe Figma até disseram: Claude é incrível, fiquei emocionada a ponto de chorar.

Claude revoluciona o design ao tornar a programação em linguagem natural uma realidade

A Figma integrou Claude em dois produtos, “Figma Sites” e “Figma Make”, permitindo que conceitos criativos sejam rapidamente transformados em design através de código. Os designers podem adicionar interatividade a designs existentes em Figma Sites usando linguagem natural, enquanto o Figma Make pode gerar protótipos e aplicações com lógica, animações e responsividade, a partir de descrições textuais ou arquivos de design existentes.

Figma Sites: Os designers podem, descrevendo suas necessidades, adicionar interatividade a sites existentes, basta selecionar elementos e inserir prompts em linguagem natural, como “adicionar efeito de inclinação ao passar o mouse”. Claude gera rapidamente código de alta qualidade, preservando detalhes do design original.

Figma Make: Cria protótipos ou aplicações interativas a partir de descrições de designs existentes no Figma. Pode transformar ideias em software real, começando do zero ou usando designs existentes no Figma. Os usuários inserem prompts descrevendo suas necessidades ou copiam modelos detalhados do Figma, permitindo que Claude converta em protótipos completos com lógica complexa e animações.

A inteligência artificial está mudando a forma como os designers de arte trabalham, permitindo gerar experiências interativas com simples prompts. Equipes de design e desenvolvimento não precisam mais criar protótipos manualmente ou escrever grandes quantidades de código, podendo validar rapidamente suas ideias. Esse avanço resolve problemas de comunicação complexa entre designers e engenheiros.

Este artigo, Figma: Claude transforma conceitos rapidamente em código, criando um site em um dia, foi originalmente publicado na ABMedia.