Criação de Protótipos com a Funcionalidade Overlay:
A funcionalidade de overlay no Figma permite criar protótipos em que janelas ou elementos sobrepostos aparecem na tela em resposta a uma interação do usuário, como um clique em um botão. Isso é útil para simular comportamentos de interface de usuário que envolvem modais, pop-ups ou elementos sobrepostos sem a necessidade de duplicar telas ou criar múltiplas versões do projeto. Exemplo: Ao clicar em um botão de notificação, uma janela de notificação aparece como overlay na tela, mantendo o contexto da página principal intacto e permitindo que o usuário interaja com a notificação sem sair da página atual.
Criação de Interações entre Variants nos Componentes:
Os variants no Figma permitem criar componentes com diferentes estados ou variações, como botões com diferentes cores, ícones ou estilos de texto. É possível criar interações entre variants, como transições suaves entre diferentes estados de um componente, criando uma experiência de usuário mais dinâmica e envolvente. Exemplo: Ao passar o mouse sobre um botão, ele pode mudar de cor para indicar que está sendo destacado ou ao ser clicado, pode mudar de estado para indicar que foi pressionado, fornecendo feedback visual ao usuário.
Utilização do Acionador On Drag:
O acionador "On Drag" no Figma permite definir interações que são acionadas quando o usuário arrasta um elemento na tela. Isso é útil para criar comportamentos de interface de usuário baseados em arrastar e soltar, como rearranjar itens em uma lista, redimensionar elementos ou deslizar entre páginas ou telas. Exemplo: Ao arrastar um ícone para uma área específica da tela, uma animação é acionada mostrando onde o ícone será solto ou ao arrastar uma barra de rolagem, o conteúdo da tela é movido para cima ou para baixo, proporcionando uma experiência de usuário interativa e intuitiva.
