Figma adds code layers, support for animations, more AI features in new update
Na quarta-feira, o Figma apresentou uma atualização que adiciona uma nova camada de código, suporte a movimento e shaders, além da capacidade de criar plug-ins personalizados para diversas tarefas usando IA.
A plataforma de design vem trabalhando há algum tempo para integrar código à sua ferramenta. No ano passado, ela lançou uma ferramenta de prototipagem baseada em prompts de IA, o Figma Make, e, desde então, lançou integrações com o Claude Code e o Codex para melhorar a transição entre programação e design.
Agora, a empresa está adicionando camadas de código diretamente à tela colaborativa, ajudando as equipes a clonar repositórios e extrair fluxos do código para camadas de design a fim de realizar testes.
O diretor de produtos da Figma, Yuhki Yamashita, disse que as camadas de código facilitam para designers, gerentes de produto e programadores iterarem sobre ideias, em vez de se concentrarem na criação de um código impecável que vai para produção.
“Acreditamos que a tela multijogador é realmente poderosa porque é um ambiente em que você não se preocupa com a qualidade do código. Se você estiver explorando rapidamente ou precisar explorar várias novas direções, pode fazer isso dessa maneira espacial. Esperamos que esse recurso gere um comportamento diferente não apenas entre designers, mas também entre engenheiros e gerentes de produto”, disse ele durante uma ligação.
O Figma agora também oferece suporte a animações, transições e transformações 3D. Anteriormente, os designers precisavam criar animações em outros softwares e convertê-las em código que o aplicativo pudesse entender. Agora, os designers podem integrar animações e transições diretamente no Figma.
Agora é possível usar IA para criar alguns desses recursos, e a atualização também está adicionando suporte para a inclusão de efeitos de shader e preenchimentos por meio da IA.
No ano passado, o Figma adquiriu a ferramenta baseada em nós Weavy, que ajudava designers a executar fluxos de trabalho por meio de diferentes modelos para comparar resultados, e agora está trabalhando para integrar melhor os dois aplicativos. Em uma atualização a ser lançada ainda este ano, os usuários poderão gerar fluxos de trabalho do Weavy diretamente no Figma.
A empresa também está adicionando novas habilidades para tornar seu assistente de IA mais útil em sua tela colaborativa. Agora, os usuários podem escrever prompts de texto para criar habilidades repetíveis que os agentes de IA possam usar. Também é possível conectar ferramentas como Notion, Granola, Excel e GitHub, ou anexar arquivos para fornecer ao bot de IA mais contexto sobre o que você deseja que ele faça.
A empresa também está adicionando um recurso para ajudar os usuários a criar plug-ins personalizados, como geradores de layout ou traçadores de caminhos vetoriais, por meio de comandos de texto.
