Botão do Whatsapp flutuante e interativo com Adobe XD

Neste vídeo eu vou te mostrar como criar um botão do flutuante e interativo do whatsapp para você usar em seus protótipos criados com o Adobe XD.

✅ Baixe Mockups Supimpas
https://1.envato.market/baixarmockup

– Playlist de Adobe XD
https://www.youtube.com/watch?v=YRi4KlaPEbE&list=PLBgSZOd1Ka-w9B2ujAkpD0vpVxXJZrdO7

– Baixe os arquivos do vídeo
https://drive.google.com/drive/folders/10SCTVkVvM8Er_cVjjQBtoP-Hmrztp2GF?usp=sharing

00:00 – Vinheta
00:04 – Introdução
01:33 – Iniciado projeto
01:55 – Ícone do Whatsapp
04:21 – Balão de texto
07:48 – Criando componente
08:24 – Estados de animação
11:51 – Inserindo botão animado
12:47 – Ajustando Viewport
13:11 – Visualizado resultado
14:17 – Botão fixo ao rolar
14:50 – Encerramento

✅ Baixe Mockups Supimpas
https://1.envato.market/baixarmockup

✅ TORNE-SE UM MEMBRO DO CANAL!
https://www.youtube.com/channel/UC6CXMJjB30e0UlFo082IFVA/join

– Meus cursos online
https://suitecriativa.com

– Freelancer Toolkit
https://clube.design/freelancer/

– Baixe o meu Ebook
https://forms.gle/8VH7UMWHF9bTmDu48

– Biblioteca de referências
https://clube.design/referencias

—–

Nossos links

Email
equipe@clube.design

Blog
https://clube.design

Downloads
https://criativo.design

Twitch
https://twitch.com/clubedodesign

Instagram
https://instagram.com/clubdodesign

Fanpage
https://fb.com/clubdodesign

#clubedodesign #tutorial #adobexd

You May Also Like