Release Notes

A quebra vertical agora está disponível em layouts automáticos configurados para fluxo vertical. Crie layouts de várias colunas que continuam responsivos durante a adição, remoção ou ajuste de conteúdo.

Novidades:

→ O conteúdo excedente se ajusta a uma nova coluna em vez de se estender além do quadro.

→ Corresponde ao comportamento da flexbox do CSS, aumentando a semelhança entre o layout automático e o CSS.

A partir de hoje, o nó do Figma permite que você conecte os designs que já criou no Figma Design diretamente aos fluxos de trabalho do Figma Weave.

Com o nó Figma, você pode:

• Conectar qualquer quadro do Figma a um fluxo de trabalho do Weave: copie um quadro do Figma Design e cole no Figma Weave para que ele se torne um nó no fluxo de trabalho.
• Escolher o que pode mudar: selecione as camadas de texto e imagem que deseja usar como entradas do fluxo de trabalho, sem alterar as fontes, o layout e o estilo originais.
• Criar recursos em grande escala: use designs e materiais de marca do Figma existentes para fazer variações de campanhas, recursos localizados, novos visuais e vídeos.
• Sincronizar todos os ativos conectados com o Figma: traga alterações do design original do Figma ao Weave para manter todos os ativos conectados atualizados.

O nó do Figma já está disponível, conectando telas de trabalho do Figma e do Weave em um único fluxo criativo.

Veja o novo recurso em ação em um fluxo de trabalho pronto para uso.

Quer criar o seu próprio? Assista ao tutorial.

Para obter detalhes sobre a configuração, leia o guia do nó Figma.

As ferramentas Weave trazem o poder dos fluxos de trabalho de IA generativa integrados ao Figma Weave para dentro da tela de trabalho do Figma. Agora, você pode criar e publicar suas próprias ferramentas Weave na Comunidade Figma e permitir que sejam usadas por qualquer pessoa no Figma Design. Crie suas próprias ferramentas para gerenciar gerações repetidas de imagens e vetores em escala, e explore a Comunidade para ver o que outros criaram.

É possível publicar qualquer tipo de resultado na comunidade (geração de vídeos, renderizações 3D, etc.), mas apenas as ferramentas Weave de geração de imagens e vetores estarão disponíveis no Figma Design.

Experimente estas 5 ferramentas Weave e compartilhe as que você fizer.

A opacidade pode ser atualizada em grande escala no modal de variáveis e aplicada sobre qualquer cor, sem desvinculação.

→ Opacidade do alias enquanto a cor permanece vinculada à sua biblioteca, em vez de precisar desvincular e ajustar a opacidade manualmente.

→ Defina a opacidade em uma variável de cor usando uma variável numérica e defina o escopo dela especificamente para uso em variáveis de cor.

→ Atualize facilmente a opacidade em estados desativados, sobreposições, camadas semitransparentes e mais.

No Config, lançamos a funcionalidade de criar seus próprios plugins generativos e shaders personalizados enviando prompts ao agente do Figma. Agora, você pode usar esses plugins generativos e shaders para aprimorar animações e interações, funcionalidades de publicação e acesso ao código.

• Shaders animados e interativos: envie um prompt ao agente solicitando a criação de um efeito ou preenchimento shader personalizado que incorpore movimento e reaja aos movimentos do mouse. Saiba mais.
• Publicação na Comunidade: publique seus plugins generativos e shaders na Comunidade Figma para compartilhá-los com o mundo. Saiba mais sobre a publicação de shaders e plugins generativos na Comunidade.
• Publicação na organização: compartilhe plugins generativos e shaders privados com a organização para padronizar o uso de efeitos ou ferramentas. Disponível nos planos Organização e Enterprise. Saiba mais.
• Visualizador de código: veja e baixe o código de qualquer shader e seus próprios plugins generativos diretamente no Figma. Saiba mais.
• Atualizações do MCP: visualize e altere seus plugins generativos e shaders com um agente de terceiros por meio do servidor MCP do Figma. Além disso, quando você copiar um quadro do Figma com shaders aplicados para um agente externo, os shaders serão renderizados corretamente no código React gerado durante a implementação. Saiba mais.

Agora, você pode abrir o painel de chat do agente em uma nova janela no app Figma para desktop tanto no macOS quanto no Windows. Ele permanece visível quando você trabalha com outras ferramentas ou troca de abas.

Veja o que há de novo:

→ Abra o painel de chat do agente em sua própria janela

→ Mova a janela para qualquer lugar na sua tela

→ Mantenha a janela sempre visível enquanto você cria o design

O espaçamento automático do layout automático agora tem duas novas opções, “Ao redor” e “Uniforme”, junto com o comportamento padrão de espaçamento automático existente, agora chamado “Entre”.

Esses padrões de espaçamento correspondem aos oferecidos pelo CSS, como:

→ Entre: espaçamentos iguais entre os itens, nada nas bordas. Mesma funcionalidade padrão, renomeada para corresponder à terminologia do CSS.

→ Ao redor: espaçamentos iguais entre os itens, com metade desse espaçamento em cada borda.

→ Uniforme: todos os espaçamentos são idênticos, incluindo as bordas.

Os administradores agora podem escolher quais recursos (habilidades, modelos, bibliotecas e kits do Make) são recomendados para a organização ou área de trabalho. Assim, os usuários trabalham com as ferramentas certas desde o início.

Os recursos recomendados exibem uma marca de verificação e uma dica de ferramenta com a mensagem “Recomendado por [organização ou administrador da área de trabalho]”, ajudando os usuários a identificar os recursos corretos sem precisar adivinhar.