Figma Anuncia Ferramentas de IA para Motion Graphics, Shaders e Código

A Figma revelou uma série de atualizações ambiciosas durante sua conferência anual Config 2026, trazendo inteligência artificial generativa para o coração do design e desenvolvimento. As novidades incluem animações criadas por prompt, shaders personalizados, camadas de código integradas ao canvas de design e agentes de IA que automatizam tarefas repetitivas.

Motion Graphics com IA

Um dos anúncios mais chamativos é o Motion, uma nova ferramenta que permite criar animações, transições e transformações 3D de forma colaborativa diretamente no Figma. O diferencial: você pode simplesmente descrever a animação desejada para o chatbot com IA da plataforma e ela é gerada automaticamente. Também é possível aplicar estilos predefinidos ou fazer ajustes manuais em uma timeline.

As animações são conectadas aos design systems, são baseadas em código e prontas para shipping — eliminando o vai-e-vem entre ferramentas de prototipagem e desenvolvimento.

Shaders e efeitos visuais

Com os novos Shaders, designers podem criar efeitos visuais personalizados usando prompts de linguagem natural, aproveitando o poder da WebGPU. Efeitos que antes não estavam disponíveis no Figma — como dither, pixelate e vários tipos de blur — agora podem ser gerados diretamente no canvas.

Code Layers: código direto no design

As Code Layers representam uma ponte direta entre design e desenvolvimento. Agora é possível trabalhar com código diretamente no canvas de design do Figma: clonar repositórios, gerar novas direções com o agente de IA da plataforma, extrair fluxos em camadas de design editáveis e sincronizar alterações de volta ao código.

Agentes e plugins generativos

A Figma também está apostando em agentes de IA para automatizar fluxos de trabalho. As Agent Skills permitem transformar tarefas repetitivas em habilidades que times inteiros podem usar, com contexto expandido via conectores de terceiros, busca na web e anexos de arquivos.

Já os Generative Plugins permitem criar plugins personalizados usando apenas prompts, sem necessidade de conhecimento técnico ou configuração de ambiente de desenvolvimento. Os plugins podem ser ajustados e compartilhados com a equipe.

Integração com Figma Weave

Os Figma Weave Workflows trazem mais de 20 ferramentas integradas para gerar visuais consistentes e de alta qualidade, transformando workflows complexos de IA em ferramentas simples no canvas. Esta é a primeira etapa de uma integração completa entre Figma e Figma Weave, prevista para o final do ano.

---

Com informações de The Verge e TechCrunch.