{"id":1030214,"date":"2026-06-24T10:13:00","date_gmt":"2026-06-24T13:13:00","guid":{"rendered":"https:\/\/www.portaltela.com\/noticias\/2026\/06\/24\/figma-vira-full-stack-e-amplia-criacao-com-codigo-animacao-e-agentes\/"},"modified":"2026-06-24T10:13:00","modified_gmt":"2026-06-24T13:13:00","slug":"figma-vira-full-stack-e-amplia-criacao-com-codigo-animacao-e-agentes","status":"publish","type":"post","link":"https:\/\/www.portaltela.com\/noticias\/geral\/2026\/06\/24\/figma-vira-full-stack-e-amplia-criacao-com-codigo-animacao-e-agentes\/","title":{"rendered":"Figma vira full-stack e amplia cria\u00e7\u00e3o com c\u00f3digo, anima\u00e7\u00e3o e agentes"},"content":{"rendered":"<p>A Figma anunciou no Config 2026 a maior reformula\u00e7\u00e3o de sua ferramenta. O canvas passa a funcionar como um espa\u00e7o full-stack, integrando design, c\u00f3digo, anima\u00e7\u00e3o e agentes de IA em um \u00fanico lugar. A apresenta\u00e7\u00e3o ocorreu em 24 de junho, diante de mais de 10 mil pessoas no Moscone Center, em San Francisco.<\/p>\n<p>A proposta \u00e9 aproximar designers, desenvolvedores e agentes de IA, reduzindo a necessidade de alternar entre programas diferentes. O objetivo \u00e9 manter a criatividade sem impor escolhas entre design e c\u00f3digo, segundo o CEO Dylan Field.<\/p>\n<h3>Novos materiais de cria\u00e7\u00e3o<\/h3>\n<p>A novidade central s\u00e3o os chamados materiais de cria\u00e7\u00e3o. Camadas de c\u00f3digo permitem programar direto no canvas, incluindo clonagem de reposit\u00f3rios e sincroniza\u00e7\u00e3o de mudan\u00e7as com o c\u00f3digo. O recurso facilita a gera\u00e7\u00e3o de dire\u00e7\u00f5es e o uso de fluxos de design edit\u00e1veis vinculados \u00e0 produ\u00e7\u00e3o.<\/p>\n<p>O recurso de motion leva anima\u00e7\u00f5es e transi\u00e7\u00f5es para dentro da ferramenta, com op\u00e7\u00f5es por comando de IA, estilos prontos e ajustes manuais na linha do tempo, sempre conectado ao design system. Shaders abrem espa\u00e7o para efeitos visuais via WebGPU.<\/p>\n<p>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 \u00e9 o primeiro passo para uma integra\u00e7\u00e3o completa entre Figma e Weave, prevista para este ano.<\/p>\n<h3>Agentes como ferramentas<\/h3>\n<p>Outra frente envolve a colabora\u00e7\u00e3o entre equipes e agentes de IA. As chamadas agent skills transformam tarefas repetitivas em rotinas reaproveit\u00e1veis por toda a equipe, com maior contexto a partir de conectores externos e arquivos anexados.<\/p>\n<p>Plugins generativos permitem que qualquer usu\u00e1rio crie extens\u00f5es personalizadas a partir de comandos em linguagem natural, sem necessidade de programa\u00e7\u00e3o. A empresa aponta que isso facilita a constru\u00e7\u00e3o de ferramentas pr\u00f3prias na plataforma.<\/p>\n<p>Segundo a Figma, os novos recursos devem chegar aos usu\u00e1rios nas pr\u00f3ximas semanas, com disponibilidade vari\u00e1vel conforme o produto. O Config segue at\u00e9 25 de junho, marcando a d\u00e9cima edi\u00e7\u00e3o do evento.<\/p>\n<p>O jornalismo desta mat\u00e9ria teve acompanhamento durante o Config a convite da empresa.<\/p>\n","protected":false},"excerpt":{"rendered":"<ul>\n<li>A Figma reformula o canvas para funcionar como espa\u00e7o de cria\u00e7\u00e3o full\u2011stack, reunindo design, c\u00f3digo, anima\u00e7\u00e3o e agentes de IA em um \u00fanico lugar, segundo an\u00fancio no Config.<\/li>\n<li>O lan\u00e7amento ocorreu durante o Config, confer\u00eancia da empresa em San Francisco, diante de mais de dez mil participantes no Moscone Center.<\/li>\n<li>Novos materiais de cria\u00e7\u00e3o incluem camadas de c\u00f3digo para programar direto no canvas, sincroniza\u00e7\u00e3o de mudan\u00e7as com o c\u00f3digo e gera\u00e7\u00e3o de dire\u00e7\u00f5es por agente da Figma.<\/li>\n<li>O recurso de motion permite criar anima\u00e7\u00f5es e transi\u00e7\u00f5es, com integra\u00e7\u00e3o ao design system e produ\u00e7\u00e3o. Tamb\u00e9m h\u00e1 shaders para efeitos visuais via WebGPU.<\/li>\n<li>O Figma Weave traz mais de vinte ferramentas integradas para transformar fluxos de IA em recursos na tela; plugins generativos permitem criar extens\u00f5es personalizadas por comandos em linguagem natural.<\/li>\n<\/ul>\n","protected":false},"author":15,"featured_media":1030321,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"summary":"Figma amplia ferramenta para full-stack, integrando c\u00f3digo, anima\u00e7\u00e3o e IA, conectando designers, desenvolvedores e agentes em um espa\u00e7o \u00fanico","footnotes":""},"categories":[298,1],"tags":[104,85,105,101,132,189],"class_list":["post-1030214","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-geral","category-noticias","tag-apps","tag-inovacao","tag-inteligencia-artificial","tag-pessoas","tag-startups","tag-tecnologia"],"_links":{"self":[{"href":"https:\/\/www.portaltela.com\/api\/wp\/v2\/posts\/1030214","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.portaltela.com\/api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.portaltela.com\/api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.portaltela.com\/api\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/www.portaltela.com\/api\/wp\/v2\/comments?post=1030214"}],"version-history":[{"count":0,"href":"https:\/\/www.portaltela.com\/api\/wp\/v2\/posts\/1030214\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.portaltela.com\/api\/wp\/v2\/media\/1030321"}],"wp:attachment":[{"href":"https:\/\/www.portaltela.com\/api\/wp\/v2\/media?parent=1030214"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.portaltela.com\/api\/wp\/v2\/categories?post=1030214"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.portaltela.com\/api\/wp\/v2\/tags?post=1030214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}