Agora
EventosItaú publica a palestra de John Maeda sobre AX e a evolução do UXIA & TechBrauer esconde no site O Arquivo Perdido, jogo em pixel art com cupons e livrosLivrosBrauer lança Novo Repertório, de Marcos Rezende, com versão digital gratuitaPrêmiosLiceu de Artes e Ofícios lança o Prêmio Design, com inscrições até 14 de janeiroNomesGabriel CastilhoNomesElizabeth SilvaNomesJoão CostaReferênciasMostra de São Paulo abre acervo digital com os cartazes das 50 edições, vinhetas e os registros de mais de 11 mil filmesLivrosLivro de 700 páginas reúne mais de 500 capas de cordel e trata a tipografia improvisada como sistema de designReferênciasSagmeister borda numa bota os números da OCDE sobre pessoas em situação de rua e põe a eletricidade renovável num tênisEventosItaú publica a palestra de John Maeda sobre AX e a evolução do UXIA & TechBrauer esconde no site O Arquivo Perdido, jogo em pixel art com cupons e livrosLivrosBrauer lança Novo Repertório, de Marcos Rezende, com versão digital gratuitaPrêmiosLiceu de Artes e Ofícios lança o Prêmio Design, com inscrições até 14 de janeiroNomesGabriel CastilhoNomesElizabeth SilvaNomesJoão CostaReferênciasMostra de São Paulo abre acervo digital com os cartazes das 50 edições, vinhetas e os registros de mais de 11 mil filmesLivrosLivro de 700 páginas reúne mais de 500 capas de cordel e trata a tipografia improvisada como sistema de designReferênciasSagmeister borda numa bota os números da OCDE sobre pessoas em situação de rua e põe a eletricidade renovável num tênis

Figma deixa designers criarem plugins descrevendo a ferramenta para o agente de IA

por atualizado em

Colagem de divulgação do Config 2026 com um pedido ao agente, Create a circular image array plugin, ao lado de fotos dispostas em círculo, um painel de efeito risográfico com controles deslizantes, uma bússola em código e uma linha do tempo de animação
Imagem: Figma (divulgação)

Plugins generativos: o agente do Figma escreve e roda uma ferramenta descrita em texto.

Como funciona

O pedido é feito no chat do agente, aberto pelo botão Agents da barra de navegação. A orientação da Figma é dizer explicitamente que se quer construir um plugin e descrever o comportamento, os controles e os parâmetros. Não é preciso ambiente de desenvolvimento local nem conhecer a API de plugins: o agente escreve o código sobre a mesma Plugin API dos plugins tradicionais, e a interface gerada segue os componentes do próprio Figma. Vale também para o Figma Draw e o Motion.

A central de ajuda separa três tipos: plugins que geram camadas no canvas, plugins que alteram camadas existentes e utilitários de organização do arquivo. Os exemplos de pedido que a empresa sugere são um alternador que produz versões compacta, padrão e espaçosa de um frame, um verificador de camadas sem nome e grupos vazios, e uma auditoria de contraste WCAG que sugere correções a partir das variáveis de cor do arquivo.

Tela de celular com o cartaz Modular Living, cercada por balões azuis do agente do Figma com as mensagens Creating QR code plugin, Applying attached styles, Creating custom shader e Checking color contrast
Imagem: Figma (divulgação)

Onde o plugin fica

Os plugins generativos são hospedados pela Figma e rodam dentro do arquivo. No lançamento, ficavam disponíveis para quem tinha acesso ao arquivo e em todos os arquivos do próprio autor. Os plugins clássicos, feitos localmente em editores como VS Code ou Cursor e publicados na Comunidade, continuam existindo, e a Figma diz que segue investindo em APIs para desenvolvedores.

O que mudou em setembro

A atualização de 1º de setembro trouxe:

– publicação de plugins generativos e shaders na Comunidade do Figma; – publicação privada para a organização, só nos planos Organization e Enterprise; – visualização e download do código dos próprios plugins; – edição dos plugins por agentes de terceiros, via servidor MCP do Figma; – shaders animados e interativos, que reagem ao movimento do mouse.

Estudo de interface do Figma Design com o seletor Shader fills aberto e o preenchimento Iridescence aplicado a um frame, com controles de paleta, escala e velocidade
Imagem: Figma (divulgação)

Planos, assentos e créditos

Criar plugins generativos está disponível no Figma Design em todos os planos; usar um plugin exige permissão de edição no arquivo. O agente está em beta aberto para assentos Full, e os assentos Collab, Dev e View podem usá-lo nos rascunhos. Rodar um plugin não gasta créditos de IA. Sobre criar e editar, as fontes da Figma dão prazos diferentes: a central de ajuda diz que não há cobrança de créditos durante o beta, e o post do blog de 1º de setembro diz que o agente passará a consumir créditos de IA em algumas semanas.

Quem fez

No blog da empresa, o designer de produto Rogie King conta que a ideia começou com protótipos de shaders feitos por ele e ganhou forma com o engenheiro de renderização Yassir Solomah e a gerente de produto Georgia Rust, que juntou o projeto aos protótipos de plugins adaptativos do designer Jason Calleiro. A equipe teve dois meses para entregar, e King e Rust apresentaram o recurso no keynote do Config.

Ilustração de um ciclista em pixels pretos, brancos e vermelhos sobre fundo roxo, com efeito de pontilhado aplicado por shader
Imagem: Figma (divulgação)

Ficha

Designer Rogie King, Georgia Rust, Yassir Solomah, Jason Calleiro
Classificação Inteligência artificial, Ferramentas de design, Plugins
Tipo Recurso de IA em beta aberto no Figma Design
Fonte oficial Figma · Dylan Field
Fonte oficial Figma · Rogie King
Saiba mais em Figma · Figma · Figma

Continue lendo

IA & Tech15 out 2026

Ex-integrante do design system do governo americano mostra o que muda quando a linha de texto passa de 68 para 83 caracteres

Matt Henry, que trabalhou no US Web Design System, publicou uma análise sobre a reformulação que o sistema deve sofrer e usa um único componente, o de texto corrido, para mostrar o tamanho da mudança. O padrão do sistema do governo americano limita a linha a 75 caracteres, e a configuração padrão do shadcn/ui, apontado como possível substituto, chega a 83.

Ler o post
IA & Tech12 out 2026

Consultoria mede como agente de código usa design system e descobre que cortar 90% do arquivo de instrução melhorou o resultado

A Southleft publicou em 29 de setembro um relato de Cris Morales sobre como medir se um design system está pronto para ser usado por agente de código. O time rodou um banco de testes com 90 células de avaliação no próprio sistema e no Astryx, design system da Meta aberto em junho de 2026, e os dois ficaram praticamente empatados.

Ler o post