Em Alta Copa do Mundo NotíciasAcontecimentos internacionaisPessoasPolíticaConflitos

Converse com o Telinha

Telinha
Oi! Posso responder perguntas apenas com base nesta matéria. O que você quer saber?

Figma vira full-stack e amplia criação com código, animação e agentes

Figma amplia ferramenta para full-stack, integrando código, animação e IA, conectando designers, desenvolvedores e agentes em um espaço único

(Figma/Reprodução)
0:00
Carregando...
0:00
  • A Figma reformula o canvas para funcionar como espaço de criação full‑stack, reunindo design, código, animação e agentes de IA em um único lugar, segundo anúncio no Config.
  • O lançamento ocorreu durante o Config, conferência da empresa em San Francisco, diante de mais de dez mil participantes no Moscone Center.
  • Novos materiais de criação incluem camadas de código para programar direto no canvas, sincronização de mudanças com o código e geração de direções por agente da Figma.
  • O recurso de motion permite criar animações e transições, com integração ao design system e produção. Também há shaders para efeitos visuais via WebGPU.
  • O Figma Weave traz mais de vinte ferramentas integradas para transformar fluxos de IA em recursos na tela; plugins generativos permitem criar extensões personalizadas por comandos em linguagem natural.

A Figma anunciou no Config 2026 a maior reformulação de sua ferramenta. O canvas passa a funcionar como um espaço full-stack, integrando design, código, animação e agentes de IA em um único lugar. A apresentação ocorreu em 24 de junho, diante de mais de 10 mil pessoas no Moscone Center, em San Francisco.

A proposta é aproximar designers, desenvolvedores e agentes de IA, reduzindo a necessidade de alternar entre programas diferentes. O objetivo é manter a criatividade sem impor escolhas entre design e código, segundo o CEO Dylan Field.

Novos materiais de criação

A novidade central são os chamados materiais de criação. Camadas de código permitem programar direto no canvas, incluindo clonagem de repositórios e sincronização de mudanças com o código. O recurso facilita a geração de direções e o uso de fluxos de design editáveis vinculados à produção.

O recurso de motion leva animações e transições para dentro da ferramenta, com opções por comando de IA, estilos prontos e ajustes manuais na linha do tempo, sempre conectado ao design system. Shaders abrem espaço para efeitos visuais via WebGPU.

O Figma Weave entra na linha de produtos com mais de 20 ferramentas integradas, simplificando fluxos de IA na tela. A empresa diz que esse é o primeiro passo para uma integração completa entre Figma e Weave, prevista para este ano.

Agentes como ferramentas

Outra frente envolve a colaboração entre equipes e agentes de IA. As chamadas agent skills transformam tarefas repetitivas em rotinas reaproveitáveis por toda a equipe, com maior contexto a partir de conectores externos e arquivos anexados.

Plugins generativos permitem que qualquer usuário crie extensões personalizadas a partir de comandos em linguagem natural, sem necessidade de programação. A empresa aponta que isso facilita a construção de ferramentas próprias na plataforma.

Segundo a Figma, os novos recursos devem chegar aos usuários nas próximas semanas, com disponibilidade variável conforme o produto. O Config segue até 25 de junho, marcando a décima edição do evento.

O jornalismo desta matéria teve acompanhamento durante o Config a convite da empresa.

Comentários 0

Entre na conversa da comunidade

Os comentários não representam a opinião do Portal Tela; a responsabilidade é do autor da mensagem. Conecte-se para comentar

Veja Mais