Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Noções Básicas de Prototipagem no Figma: Criação de Fluxos de Usuário Interativos | Dominando a Prototipagem no Figma
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
Design de UI/UX com Figma

bookNoções Básicas de Prototipagem no Figma: Criação de Fluxos de Usuário Interativos

Protótipos interativos no Figma auxiliam na demonstração do comportamento de um design, permitindo que clientes e partes interessadas visualizem a experiência do usuário do produto final. Para criar um protótipo básico:

  • Acesse a guia Prototype e selecione o primeiro frame;
  • Clique no ícone de mais próximo a "Flow Starting Point" para definir o frame inicial. Você pode arrastá-lo para outro frame, se necessário;
  • Selecione um objeto ou frame e arraste o nó do círculo azul para outro frame para estabelecer uma conexão;
  • As conexões podem ser ajustadas ou removidas arrastando a seta para uma área vazia ou utilizando o ícone de menos na guia Prototype;
  • Clique no ícone Play/Present para abrir o protótipo;
  • Ao clicar em áreas não vinculadas, são exibidos hotspots. Um hotspot é onde ocorre a Interação. Pode ser qualquer objeto dentro do frame original, como um link, botão, imagem ou ícone, etc.
question mark

O que são hotspots em um protótipo Figma?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 4. Capítulo 5

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

bookNoções Básicas de Prototipagem no Figma: Criação de Fluxos de Usuário Interativos

Deslize para mostrar o menu

Protótipos interativos no Figma auxiliam na demonstração do comportamento de um design, permitindo que clientes e partes interessadas visualizem a experiência do usuário do produto final. Para criar um protótipo básico:

  • Acesse a guia Prototype e selecione o primeiro frame;
  • Clique no ícone de mais próximo a "Flow Starting Point" para definir o frame inicial. Você pode arrastá-lo para outro frame, se necessário;
  • Selecione um objeto ou frame e arraste o nó do círculo azul para outro frame para estabelecer uma conexão;
  • As conexões podem ser ajustadas ou removidas arrastando a seta para uma área vazia ou utilizando o ícone de menos na guia Prototype;
  • Clique no ícone Play/Present para abrir o protótipo;
  • Ao clicar em áreas não vinculadas, são exibidos hotspots. Um hotspot é onde ocorre a Interação. Pode ser qualquer objeto dentro do frame original, como um link, botão, imagem ou ícone, etc.
question mark

O que são hotspots em um protótipo Figma?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 4. Capítulo 5
some-alt