canvas: config 2026: Figma apresenta novos materiais de criação, ferramentas inovadoras e uma tela de design mais expressiva

O canvas do Figma ganha código, movimento e shaders na Config 2026

O Figma acaba de redefinir o que cabe dentro do seu canvas. Na Config 2026, a plataforma apresentou um pacote de atualizações focado em eliminar as barreiras entre design, código e motion. Dylan Field, CEO da empresa, deixou claro no blog oficial que a IA serve para baixar o piso de entrada, porém os designers precisam elevar o teto da criatividade. O projeto transforma o ambiente em um espaço de expressão ilimitada, onde código, movimento e shaders deixam de ser etapas externas e viram materiais nativos.

A grande sacada é tratar o código como mais uma camada de design. Você converte um frame em código com um clique, itera com o time e extrai de volta para o design quando precisar. O Figma Motion traz uma linha do tempo com keyframes direto na interface, integrando animações aos sistemas de design. Para quem busca efeitos visuais complexos, os shaders e os plugins gerativos permitem criar ferramentas personalizadas apenas descrevendo o comportamento desejado. A limitação real fica por conta da performance dos shaders interativos, que ainda estão em ajustes finais pela equipe de engenharia.

Essa mudança de mentalidade afeta diretamente o fluxo de trabalho de times de produto. Ao trazer o código e a animação para o mesmo arquivo, o Figma reduz a perda de contexto e a fricção na entrega para desenvolvimento. Designers ganham autonomia para prototipar interações complexas sem depender de softwares externos. Desenvolvedores recebem especificações de animação e código limpo, prontos para copiar em CSS, JSON ou React. A integração com o Figma Agent e conectores externos consolida a plataforma como o centro nervoso do processo criativo.