Figma adiciona shaders animados e interativos a plugins generativos

Plugins e shaders generativos ganham animação e interatividade

Na nota de lançamento de 1º de setembro de 2026, o Figma anunciou uma série de atualizações para os plugins generativos e shaders que a empresa havia apresentado na Config, onde foi lançada a possibilidade de criar shaders e plugins personalizados por meio de prompts ao agente do Figma.

A novidade principal é a criação de shaders animados e interativos: ao pedir ao agente, é possível construir um efeito ou preenchimento de shader personalizado que incorpore movimento e reaja aos movimentos do mouse.

Outras adições da mesma atualização:

• Publicação na Community: os usuários podem publicar seus plugins generativos e shaders na Figma Community para que outras pessoas usem.
• Publicação para a organização: é possível compartilhar plugins e shaders generativos de forma privada dentro da organização, para padronizar efeitos ou uso de ferramentas. Esse recurso está disponível apenas nos planos Organization e Enterprise.
• Visualizador de código: é possível ver e baixar o código de qualquer shader e dos próprios plugins generativos diretamente no Figma.
• Atualizações de MCP: é possível visualizar e alterar plugins generativos e shaders com um agente de terceiros por meio do servidor MCP do Figma. Além disso, ao copiar um frame do Figma com shaders aplicados para um agente externo, os shaders serão renderizados corretamente no código React gerado na implementação.

Outras notas recentes

As release notes trazem também atualizações anteriores de agosto de 2026: painel de chat do agente que pode ser aberto em janela separada no app desktop (macOS e Windows); ferramentas de apagar e arrastar para preencher na edição de vetores no Figma Draw, com atalho Shift+E; autorização gerenciada por Enterprise para o MCP, em disponibilidade geral, permitindo que administradores gerenciem conexões do servidor MCP a agentes de IA via provedor de identidade como o Okta; novas opções de espaçamento responsivo no auto layout ("Around" e "Evenly", alinhadas à terminologia do CSS); recomendação de recursos por administradores; text wrap com opções Balance e Pretty; e habilidades (skills) para o agente do Figma, com mais de 50 disponíveis na Community, possibilidade de criar skills com o agente e publicá-las.