Crie interações com IA

Com o Figma AI, você pode adicionar várias interações e conexões de prototipagem aos seus designs com apenas alguns cliques. Isso reduz o tempo gasto com a adição manual de interações, proporcionando um fluxo de trabalho mais rápido e simples para construir um protótipo interativo.

Guia de prototipagem no Figma.

Como funciona

Adicionar interações com o Figma AI permite criar interações e conexões entre as quadros na sua seleção. Por exemplo:

• Criar fluxos simples entre uma seleção de quadros de nível superior
• Adicionar interações aos botões voltar ou avançar
• Vincular quadros individuais em um menu de navegação

Isso é útil se você quiser criar rapidamente um fluxo de protótipo básico a partir de seus designs. Você sempre pode personalizar ainda mais cada interação ou adicionar mais interações ao seu protótipo.

Usar uma nomenclatura consistente para as camadas pode melhorar o resultado do Figma AI. Aprenda a renomear camadas com o Figma AI.

Adicionar interações com IA

1. Selecione os quadros na tela onde você quer criar interações.
2. Abra a aba Protótipo na barra lateral direita.
3. Na seção Interactions, clique em Add interactions.

Quando o Figma AI termina de adicionar interações aos seus designs, você verá um banner na parte inferior da página que permite visualizar as interações. Isso abre o fluxo atual como um protótipo na visualização em linha.

Para aceitar todas as interações, clique em Manter.

Fazer alterações no protótipo

Você pode editar ou remover qualquer interação adicionada pelo Figma AI, bem como editar e adicionar mais interações manualmente.

Clique em uma conexão para selecionar uma interação específica. 

• O modal Interaction details será aberto no canvas, onde você poderá fazer as alterações necessárias.
• Para remover essa interação, procure a interação correspondente na barra lateral direita e clique em para removê-la. Outra opção é pressionar a tecla Delete no teclado.
• Para remover todas as conexões da página atual, clique com o botão direito do mouse no canvas e selecione Remover todas as conexões.