Resumo rápido
No Config 2026, a Figma anunciou seis frentes: Code Layers, Figma Motion, shaders, plugins generativos, ferramentas do Weave e um agente com skills e conectores. Só Motion, Weave e o agente estavam disponíveis no recap de 24/06/2026; o resto tem lista de espera ou “em breve”.
Correção (10/10/2026): a versão de 17/06 deste texto falava do Config 2026 como se já tivesse acontecido e citava Figma Sites e Figma Make como anúncios do evento. O recap oficial não traz Sites nem Make no corpo do texto; reescrevi tudo a partir dele.
O que a Figma anunciou
Segundo o recap oficial, publicado em 24/06/2026:
- Code Layers: transforma uma camada de design em camada de código interativa, com um clique ou um prompt. Dá para duplicar as camadas e comparar direções, e extrair frames de volta para camadas de design editáveis. Há lista de espera, e o acesso antecipado começa a ser liberado em julho.
- Figma Motion: linha do tempo com keyframes e predefinições no Figma Design. Animar um componente leva a animação a todas as telas que o usam. No Dev Mode, o código de animação sai em CSS, JSON ou React, e a exportação aceita MP4, WebM, SVG animado e GIF. Disponível a partir de 24/06.
- Shader fills e effects: o agente cria shaders a partir de uma descrição ou de uma imagem de referência, e os parâmetros viram controles no canvas. Os shaders interativos aparecem como “em breve”, sem data.
- Plugins generativos: você descreve comportamento, controles e parâmetros, sem ambiente local nem conhecimento da API de plugins. Já dá para criar e compartilhar com quem está no mesmo arquivo; a publicação para time, organização ou comunidade ainda vem.
- Weave tools: o Weave é um canvas de nós para fluxos generativos, com ferramentas prontas como Transfer style. Já está no canvas, e fluxos podem ser publicados como templates.
- Agente da Figma: ganhou skills (instruções reutilizáveis), conectores (Notion, Slack, Granola, Hex, GitHub, Atlassian e outros) e anexos de contexto, segundo o post sobre o agente de 24/06/2026. As conversas ficam visíveis para a equipe por padrão, mas podem ser privadas. A chegada ao FigJam e ao Slides depende de lista de espera.
O que o texto oficial não diz
- Planos e preços de cada recurso.
- Datas para shaders interativos e para a publicação de plugins e ferramentas do Weave.
- Quando o agente chega ao FigJam e ao Slides.
- Se Code Layers e Motion valem para todos os planos.
Não testei nenhum desses recursos; o resumo vem só do material publicado pela Figma.
Para quem trabalha com design system
O que mais toca o dia a dia de quem mantém um design system é Motion, porque a animação passa a viver no componente. Se você já organiza componentes e variáveis, a base está pronta. Vale rever o guia de design tokens em 2026, a interface UI3 e as variáveis para modo escuro.
Fontes
- Config 2026: New materials, new tools, and a more expressive canvas, Figma, 24/06/2026.
- Figma’s design agent, now with custom tools and greater context, Figma, 24/06/2026.
