Ir para o conteúdo principal

Figma e Weave conectados

Itay SchiffCo-founder & Chief Creative Officer, Figma Weave
Gráfico de produto em três painéis demonstrando transferência de estilo ativada por IA. À esquerda, a interface "Transferir estilo" exibe uma imagem de destino de pessoas carregando skates e um retrato borrado usado como fonte de estilo. No centro, uma tela de fluxo de trabalho intitulada "Campanha de Primavera" mostra um nó pós-geração conectado produzindo uma imagem floral temática para redes sociais, com o título "Lançamentos de Primavera". À direita, um layout em estilo de galeria exibe recursos criativos gerados, como uma arte de aperto de mãos ilustrada e cartões de design de merchandise, mostrando como estilos transferidos podem ser aplicados a toda a campanha.Gráfico de produto em três painéis demonstrando transferência de estilo ativada por IA. À esquerda, a interface "Transferir estilo" exibe uma imagem de destino de pessoas carregando skates e um retrato borrado usado como fonte de estilo. No centro, uma tela de fluxo de trabalho intitulada "Campanha de Primavera" mostra um nó pós-geração conectado produzindo uma imagem floral temática para redes sociais, com o título "Lançamentos de Primavera". À direita, um layout em estilo de galeria exibe recursos criativos gerados, como uma arte de aperto de mãos ilustrada e cartões de design de merchandise, mostrando como estilos transferidos podem ser aplicados a toda a campanha.

Hoje, estamos anunciando novas maneiras de conectar seus fluxos de trabalho criativos do Weave com os quadros do Figma.

Compartilhar Figma e Weave conectados

Editor de fluxo de trabalho visual com tema escuro mostrando um pipeline de design de IA baseado em nós, com cartões de geração de imagem e texto interconectados dispostos em uma grande tela de trabalho, uma barra lateral de navegação vertical e controles de projeto exibindo créditos e opções de compartilhamento.Editor de fluxo de trabalho visual com tema escuro mostrando um pipeline de design de IA baseado em nós, com cartões de geração de imagem e texto interconectados dispostos em uma grande tela de trabalho, uma barra lateral de navegação vertical e controles de projeto exibindo créditos e opções de compartilhamento.
Visão geral do cliente: OutSystems

Bruno Figueiredo, designer líder da equipe de marca da OutSystems, usa o Weave para criar de tudo: visuais para apresentações, animações e até gráficos para eventos e brindes. Quando a equipe criou um chaveiro de pelúcia baseado em seu mascote, o Neo, Bruno gerou um modelo 3D para fornecer ao fabricante em vez de contratar um especialista externo.

Agora, ele está usando o Weave para desenvolver o Neo por conta própria. “O Weave é muito útil em processos exploratórios, porque consigo usar vários modelos e ver como as coisas evoluem,” diz Bruno. O fluxo de trabalho baseado em nós permite ajustar detalhes como estilo de ilustração, cores do figurino e proporções do corpo. “Antes, esse nível de detalhe não seria possível. Consigo rodar sete fluxos ao mesmo tempo e voltar só para ver os resultados.”

A Figma acredita que o melhor trabalho é sempre feito de forma aberta — na tela de trabalho, onde o processo se torna visível e também compartilhado. A aquisição da Weavy (rebatizada de Figma Weave) no ano passado foi o primeiro passo para aproximar o design e a produção criativa no mesmo espaço colaborativo. Com os fluxos de trabalho baseados em nós do Weave, o processo de criação e edição de imagens, vídeos, áudios e 3D torna-se uma sequência que você e sua equipe podem inspecionar, ajustar e repetir.

Hoje, estamos trazendo as ferramentas Weave para a tela de trabalho do Figma e os fluxos de trabalho Weave para a Comunidade Figma. Em breve, o nó Figma no Weave permitirá reduzir as conversões entre design e produção criativa, e ajustes mais detalhados para sua visão.

Ferramentas Weave no Figma

A primeira integração do Weave no Figma começa onde a maioria dos designers trabalho: nossa tela de design, onde o trabalho se desenvolve. A partir de hoje, mais de 20 tarefas de imagem com IA estão acessíveis diretamente no painel esquerdo do Figma Design como ferramentas Weave. Cada ferramenta Weave é um fluxo de trabalho Weave pré-construído e apresentado numa UI simples do Figma Design — transferências de estilo, sessões de fotos de produtos, extração de materiais e direção de arte em diversas linguagens visuais. É como se todo o poder e alcance criativo do Weave estivesse configurado só para você.

Com o Weave, você pode ramificar ideias, remixar outputs, comparar abordagens e refinar o trabalho em diferentes modelos. Não conhece o Weave? Comece por aqui.

Precisa alterar uma proporção, gerar uma sessão de fotos para e-commerce ou renderizar uma foto em Art Nouveau? Escolha a ferramenta, adicione seus materiais, obtenha resultados com qualidade de produção — sem precisar redigir seu próprio prompt. A ferramenta Weave oferece resultados uniformes sempre que é usada, permitindo repetir casos de uso comuns em poucos cliques. Você traz a direção criativa e o fluxo de trabalho cuida da execução.

Nem todo mundo precisa criar um fluxo de trabalho do zero, mas quando alguém da sua equipe faz isso, esse fluxo deve ser bem aproveitado. Em breve, qualquer designer poderá publicar seus próprios fluxos de trabalho como ferramentas Weave diretamente no Figma. Defina a lógica uma vez, compartilhe com sua equipe ou com o mundo, e todos poderão aproveitar seu raciocínio.

É ótimo ter as ferramentas Weave no Figma. Elas nos ajudam a expandir nosso material de fotografia e ilustração e desenvolver novas diretrizes de marca ou gerar mockups nos estilos que precisamos.
Bruno Figueiredo, líder de design da OutSystems
Slide 1 de 4
Uma interface lado a lado mostrando uma ferramenta de transferência de estilo de IA. À esquerda, um modal chamado "Transferir estilo" contém uma foto colorida de corredores vistos de cima e um negativo em preto e branco usada como fonte de estilo. Um cursor grande aponta para o botão azul "Gerar". À direita, o resultado gerado aparece dentro de um design de site, onde a imagem dos corredores foi transformada usando o estilo visual de negativo monocromático.Uma interface lado a lado mostrando uma ferramenta de transferência de estilo de IA. À esquerda, um modal chamado "Transferir estilo" contém uma foto colorida de corredores vistos de cima e um negativo em preto e branco usada como fonte de estilo. Um cursor grande aponta para o botão azul "Gerar". À direita, o resultado gerado aparece dentro de um design de site, onde a imagem dos corredores foi transformada usando o estilo visual de negativo monocromático.
Aplique o estilo de uma imagem de origem a uma imagem de destino para uniformizá-las.

Fluxos de trabalho do Weave na Comunidade do Figma

Tela de fluxo de trabalho criativo baseada em nós com tema escuro para direção de arte com IA, mostrando um pipeline ramificado que gera e compara vários conceitos de renderização de produtos conectados por prompts, imagem resultantes e etapas de revisão.Tela de fluxo de trabalho criativo baseada em nós com tema escuro para direção de arte com IA, mostrando um pipeline ramificado que gera e compara vários conceitos de renderização de produtos conectados por prompts, imagem resultantes e etapas de revisão.
Instantâneo do cliente: Taxi Studio

A agência inglesa de design de marcas Taxi Studio, de Bristol, configurou um fluxo de trabalho no Weave para gerar renderizações 3D da apresentação de design para a Carlsberg, sua cliente.

Com três inputs simples (um copo de cerveja, uma folha de lúpulo e um plano de fundo), estabeleceu-se o ponto de partida da imagem da marca, o que permitiu refinar ainda mais a iluminação, o ângulo da câmera e a textura. “Tudo isso levou um dia. Um especialista 3D teria levado semanas e custado dezenas de milhares para idealizar esses elementos,” comentou Jack Goozee, designer pleno. “É uma maneira tão incrível de deixar o trabalho mais detalhado e sofisticado, sem perder nada do controle.”

Depois de criar seu fluxo de trabalho, a publicação acontece em poucos passos:

1. Abra o menu Compartilhar no Weave

2. Selecione “Publicar na Comunidade Figma”

3. Adicione um título, descrição e categoria

4. Enviar uma miniatura

5. Publicar seu modelo público

A melhor coisa que um designer pode compartilhar com outro não é a peça finalizada, e sim o processo que fez ele chegar lá. Na Comunidade Figma, você já pode publicar e descobrir fluxos de trabalho Weave — as sequências de passos e decisões por trás do resultado criativo. Um fluxo de trabalho compartilhado na Comunidade torna-se um recurso semelhante a uma biblioteca de componentes: outras pessoas podem abrir, entender, adaptar e desenvolver. Anúncios automatizados, fotos de produto de vários ângulos, sistemas de movimentos para redes sociais, visualizadores de moda, folhas de design de personagens: tudo pode ser desenvolvido.

Crie um fluxo de trabalho para resolver um problema repetido. Publique. A comunidade pode usar e adotar seu fluxo. Sua lógica criativa vira ponto de partida para a de outras pessoas.

Um gráfico de produto em tela dividida. À esquerda, um editor de fluxo de trabalho visual escuro mostra nós de IA conectados, inclusive um nó de prompt de texto alimentando um nó de geração de imagem intitulado "Gemini 3 (Nano Banana Pro)". Um grande botão verde-limão "Publicar" e um cursor estão sobre a interface. À direita, a imagem gerada preenche a tela: uma mulher ruiva com vestido azul-cobalto esvoaçante reclina-se sobre um tapete estampado contra um fundo de estúdio em tons quentes com vasos decorativos e flores secas. O layout ilustra a publicação de um fluxo de trabalho de geração de imagem alimentado por IA e seu resultado final.Um gráfico de produto em tela dividida. À esquerda, um editor de fluxo de trabalho visual escuro mostra nós de IA conectados, inclusive um nó de prompt de texto alimentando um nó de geração de imagem intitulado "Gemini 3 (Nano Banana Pro)". Um grande botão verde-limão "Publicar" e um cursor estão sobre a interface. À direita, a imagem gerada preenche a tela: uma mulher ruiva com vestido azul-cobalto esvoaçante reclina-se sobre um tapete estampado contra um fundo de estúdio em tons quentes com vasos decorativos e flores secas. O layout ilustra a publicação de um fluxo de trabalho de geração de imagem alimentado por IA e seu resultado final.
Crie seu fluxo de trabalho Weave e publique-o na Comunidade do Figma.
Com o Weave, você pode dedicar muito mais tempo para pensar sobre sua visão da marca. Ele permite que você explore livremente e concentre-se nos resultados desejados.
Jack Goozee, designer pleno da Taxi Studio
Perfil do cliente: NBBJ

No escritório de arquitetura NBBJ, o Weave ajuda os designers a visualizar conceitos abstratos, gerar renderizações 3D e criar gráficos e diagramas. “A velocidade de implementação é impressionante em comparação com outras ferramentas”, afirma Simon Manning, líder de integração de tecnologia de design. "Invariavelmente, novos usuários do Weave capacitados numa quarta-feira já conseguem produzir conteúdo na sexta." Eles não estão tendo problemas porque a semelhança com outros fluxos de trabalho permite transferir habilidades, além de que é muito fácil para outras pessoas da equipe compartilharem fluxos de trabalho.”

O nó do Figma na prática

Por exemplo, um layout de marca no Figma: tipografia bloqueada, grade definida, direção visual totalmente sob seu controle. Quando trazido para o Weave como um nó do Figma, ele se conecta a um CSV de texto traduzido e gera uma versão localizada para cada região. Um design, dezenas de resultados, todos dentro do padrão que você estabeleceu.

Nó do Figma no Weave

As ferramentas Weave trazem fluxos de trabalho criativos de IA para a sua tela de trabalho. O nó Figma funciona no outro sentido: ele traz seus quadros do Figma para o Weave.

No Config, apresentamos uma amostra do futuro: qualquer quadro do Figma pode ser colado diretamente na tela de trabalho do Weave como um nó do Figma. Conectado a nós do fluxo de trabalho a montante e a jusante, todas as edições feitas no quadro no Figma serão refletidas em tempo real em todo o seu fluxo de trabalho do Weave. Seu design e seu fluxo criativo avançam juntos.

Isso muda as possibilidades para quadros do Figma. Mais que artefatos finalizados, eles podem ser inputs vivos — um layout de produto que alimenta diretamente uma campanha, um quadro de marca que promove resultados de IA em escala.

O Weave cuida da geração. O Figma resolve o design.

Interface de produto em tela dividida mostrando um design conectado a um fluxo de trabalho de IA. À esquerda, um design de post quadrado para redes sociais intitulado "Lançamentos de Primavera" aberto num editor de design, apresentando um retrato de moda sobre fundo floral. À direita, o mesmo design aparece dentro de uma tela de fluxo de trabalho intitulada "Campanha de Primavera." Um menu de contexto oferece opções para "Atualizar Figma Design" ou "Revisar atualização", ilustrando a sincronização entre os arquivos de design e os fluxos de trabalho automatizados para geração de conteúdo.Interface de produto em tela dividida mostrando um design conectado a um fluxo de trabalho de IA. À esquerda, um design de post quadrado para redes sociais intitulado "Lançamentos de Primavera" aberto num editor de design, apresentando um retrato de moda sobre fundo floral. À direita, o mesmo design aparece dentro de uma tela de fluxo de trabalho intitulada "Campanha de Primavera." Um menu de contexto oferece opções para "Atualizar Figma Design" ou "Revisar atualização", ilustrando a sincronização entre os arquivos de design e os fluxos de trabalho automatizados para geração de conteúdo.
Incorpore quadros do Figma aos fluxos de trabalho do Weave para garantir que quaisquer alterações no design original sejam refletidas nos resultados finais.
Em última análise, o cliente recebe um produto muito melhor, porque conseguimos investigar mais opções, com mais profundidade, do que era possível antes com o mesmo tempo.
Paul Audsley, sócio e CIO da NBBJ

Com ferramentas Weave, fluxos de trabalho compartilháveis e, em breve, o nó do Figma, estamos cada vez mais próximos de permitir que todos os seus arquivos de design e decisões baseadas em nós estejam no mesmo lugar.

As ferramentas Weave estão em beta aberto e serão gratuitas durante o beta. Assim que estiverem disponíveis para o público, as ferramentas Weave no Figma consumirão créditos de IA do Figma. Os fluxos de trabalho Weave estão publicados na Comunidade do Figma hoje para você explorar. Você também pode publicar seus próprios fluxos. E aguarde, em breve, o nó Figma no Weave, que deve ser lançado no segundo semestre.

Gráfico de produto estilo colagem mostrando fluxos de trabalho de design e desenvolvimento assistidos por IA, com prompts de criação de plugins, controles de efeitos visuais, ferramentas de geração de código e componentes de UI interativos dispostos em uma área de trabalho criativa.Gráfico de produto estilo colagem mostrando fluxos de trabalho de design e desenvolvimento assistidos por IA, com prompts de criação de plugins, controles de efeitos visuais, ferramentas de geração de código e componentes de UI interativos dispostos em uma área de trabalho criativa.

Leia o resumo do Config feito por Dylan Field, CEO e cofundador da Figma.

Create and collaborate with Figma

Get started for free