NexSift
DesignNovo

Figma abre plugins e shaders generativos para publicação e código

Publicado 02 de set. de 2026 · Leitura 2 min de leitura · Relevância 8.6

PorTiago CastroCriador do NexSift·NexSift Editorial
Interface do Figma com um shader iridescente aplicado como preenchimento
Exemplo oficial de shader generativo no Figma.
O que mudou

O Figma passou a permitir publicação de plugins e shaders gerados por agente, acesso ao código, efeitos WebGPU interativos e ida e volta via MCP para implementação em React.

Por que importa

Designers podem compartilhar ferramentas geradas e entregar efeitos com código acessível, enquanto engenharia ganha um caminho mais direto para inspecionar e portar o resultado para produção.

O Figma liberou a publicação de plugins e shaders criados pelo seu agente de design na comunidade. Organizações nos planos Organization e Enterprise também podem publicar internamente. A atualização acrescenta animação e interatividade aos shaders, acesso ao código gerado e operações pelo servidor MCP para inspecionar, alterar ou exportar efeitos para implementação em React.

A base técnica substitui um protótipo centrado em fragment shaders do WebGL 2 por um pipeline WebGPU. Isso permite lógica dependente de tempo e posição do ponteiro, computação, partículas e objetos 3D. Scripts de geração gráfica rodam em sandboxes separadas, enquanto os controles usam o PropsKit, um kit baseado em Web Components. O desenho amplia a expressividade, mas também torna desempenho, isolamento de código e compatibilidade de GPU parte do trabalho do time de design.

Para equipes de produto, a mudança reduz a distância entre uma ferramenta visual improvisada no canvas e um artefato com código inspecionável. Ela não elimina revisão: código gerado, efeitos caros e exportações para React precisam de avaliação de segurança, acessibilidade, fidelidade e desempenho. O agente está em beta aberto para Full seats em todos os planos; outros tipos de assento ficam limitados a rascunhos, e o uso passará a consumir créditos de IA.

O que observar agora

Acompanhar cobrança por créditos, limites de publicação por tipo de assento, maturidade da sandbox, impacto de shaders complexos em GPU e fidelidade da exportação para React.

Tópicos relacionados com este sinal
Continue no radar