Скачать или смотреть Crie um botão interativo no Figma #22

Apoie o canal! Clique e seja membro 😄➡️    / @sheisacreative  

Quer ficar mais próximo(a) dos meus conteúdos?
➡ Comunidade do Whats: https://chat.whatsapp.com/FcYmYgeqq4R...


🔗 LINKS DO CURSO 🔗
===========================
➡ Site do Curso: https://sheisacreative.com.br/curso/c...

➡ Playlist no Youtube:    • Curso Gratuito de Figma  

➡ Arquivo da Comunidade (início): https://www.figma.com/community/file/...

➡ Arquivo da Comunidade (final): https://www.figma.com/community/file/...



ℹ️ SOBRE O VÍDEO ℹ️
===========================
Seu botão no Figma quebra quando você tenta animar o hover? Aqui eu mostro, passo a passo, como criar um botão de UI moderno com seta sobre o texto, usando Auto Layout, componentes e variantes sem perder o controle do layout.
Você vai ver como estruturar o componente, centralizar e escalar o ícone, aplicar raio Full e gradiente, configurar paddings assimétricos (80 e 32), usar posição absoluta para a seta ignorar o Auto Layout e, por fim, criar o estado de hover com Variants e Smart Animate no modo While Hovering com easing Gentle. Um workflow claro para elevar seu UI/UX no Figma e reproduzir microinterações profissionais em projetos de Design de Interface.

#Figma #UIDesign #UX #DesignDeInterface #SheIsACreative


🐣 ACOMPANHE MEU TRABALHO 🐣
===========================
➡ Linkedin:   / sheisacreative  
➡ Instagram:   / sheisacreative  
➡ Twitter:   / sheisacreative  
➡ Behance: https://www.behance.net/sheisacreative


🟢 CONTRATE MEUS SERVIÇOS 🟢
===========================
Serviços de design de altíssimo nível feitos por quem é referência no mercado.

➡ UI e UX Design
➡ Palestras, eventos e treinamentos para empresas
➡ Websites, aplicativos, desktop app e mais!
➡ Consultoria para empresas
➡ Entre em contato: https://sheisacreative.com/contact/