Rapaz, durante um tempo tive medo de usar o figma, me achava incapaz de aprender, mas tutoriais como esse me ajudam muito e estou aprendendo rápido. Esse é o melhor vídeo que encontrei até agora sobre figma, muito bem explicado, e com muita paciência para ensinar as ferramentas, como usar e como não usar, excelente!
Que legal er isso Danilo, de verdade! 😊🙌🏻 Eu acho oFigma bem mais simple de aprender em comparação ao Photoshop e até ao Illustrator. Então, continua nos estudos que logo vc domina a ferramenta. Aconselho dar uma olhada nas minhas listas de videos. Tem bastante coisa legal. Bons estudos e muito obrigado Danilo! 💪🏼🔥
Pois é, a forma antiga é mais fácil de fazer individualmente, porém, quando tem muitas páginas fica difícil de replicar. O Component e o Interactive Component surgiram pra resolver esse problema. Valeu Jorge, bons estudos! 😎🔥
Como você aplicou o drag pra esquerda e pra direita no card que estava no centro? Geralmente ele não deixa aplicar a mesma interação duas vezes no mesmo elemento, né?
Fala Adriano! Da pra aplicar duas interações sim, até mais. Mas claro, as vezes uma acaba anulando a outro. Neste caso como fiz um drag pra esquerda e outro pra direto, funciona perfeitamente. Agora se eu colocasse um Tap, daria pau. Da uma testada ai e me fala se deu certo. Valeu!
Oi Fábio eu adoro o seu conteúdo, mas dessa vez não deu bom aqui. Fui tentar arrasatr a variante do carrossel para mudar a imagem do frame e não vai nem com reza braba. Tem alguma coisa que dá pra fazer?
Oi Natali. Não sei exatamente o que pode estar acontecendo, mas veja esse vídeo, eu mostro como colar imagem de um jeito fácil: ruclips.net/video/O9F5U_0_rOY/видео.html Espero que ajude. E obrigado pelo feedback! 😉
Parabéns pelo video. Eu estou com uma dificuldade, após fazer as ligações e testar quando arrasto para voltar para a primeira imagem ele não vai, volta para a última novamente. E aparentemente fiz as ligações corretamente. Poderia me dar uma dica do que posso estar errando?
Acho que sua dúvida é a mesma Jos Mendes. Vou colar aqui a resposta que dei: "... o comportamento é diferente, ele fica “solto”. A vantagem do exemplo do tutorial é que os cards ficam posicionados centro. E vc consegue adicionar mais interações, como os 3 pontos. Cada opção supre uma necessidade diferente que cabe a gente decidir a melhor." Espero que tenha esclarecido sua dúvida. Valeu Potter!
Muito bacana. Poxa, depois que fica pronto parece algo mágico, não? Muito obrigada por compartilhar isso conosco! Você tem algum vídeo mais detalhado sobre clip content? Às vezes funciona para mim, às vezes não funciona. Eu clico no componente, em clip content e nada acontece. Depois, se eu clico no frame, o clip content funciona. Às vezes não funciona. Não tá muito claro ainda para mim a lógica por trás dele.
Que bom que gostou Thaís. Legal, vou anotar sua sugestão sobre Cilp content. Provavelmente o que está acontecendo é que o objeto apesar de estar visualmente dentro do frame, mas vezes ele fica fora da layer ( observe na barra de layer). Por isso você ativa o Clip e acaba não funcionando. Pode ser isso. Obrigado pela sugestão. 🙂
Eu amei o vídeo!! Me ajudou muito também! Só tive um probleminha 😔 aquele bolinha abaixo da foto, que muda a medida em que arrastamos para o lado, a minha fica diminuindo o tamanho e subindo um pouco, não sei como resolver.... Consegue me ajudar por favor?
Pode ser usado, mas o comportamento é diferente, ele fica “solto”. A vantagem do exemplo do tutorial é que os cards ficam posicionados centro. E vc consegue adicionar mais interações, como os 3 pontos. Cada opção supre uma necessidade diferente que cabe a gente decidir a melhor. Valeu Jos!
![Create a Dropdown [interactive] - Figma micro interaction Prototype](http://i.ytimg.com/vi/KAVCUKgIS_Q/mqdefault.jpg)
![Create a Dropdown [interactive] - Figma micro interaction Prototype](/img/tr.png)
![Creating [loading] attractive - Liquid effect - Figma tutorial microinteraction](http://i.ytimg.com/vi/jTKyPLjom7o/mqdefault.jpg)
E ai, você já fazia carrossel com interactive components?
Muito obrigada por compartilhar, estou aprendendo muito com seus vídeos.
Que legal Vania! Muito obrigado e bons estudos. 🙂
Rapaz, durante um tempo tive medo de usar o figma, me achava incapaz de aprender, mas tutoriais como esse me ajudam muito e estou aprendendo rápido. Esse é o melhor vídeo que encontrei até agora sobre figma, muito bem explicado, e com muita paciência para ensinar as ferramentas, como usar e como não usar, excelente!
Que legal er isso Danilo, de verdade! 😊🙌🏻
Eu acho oFigma bem mais simple de aprender em comparação ao Photoshop e até ao Illustrator. Então, continua nos estudos que logo vc domina a ferramenta.
Aconselho dar uma olhada nas minhas listas de videos. Tem bastante coisa legal.
Bons estudos e muito obrigado Danilo! 💪🏼🔥
Nossa melhor video de Figma na minha vida. Parabéns, você é sensacional
Agradeço a gentileza Gabriella! ☺🔥
gracias por tu tiempo, desde buenos aires.
Muito obrigado Emmanuel! 😊🙌🏻
Excelente dica. Parabéns.
Valeu Rogério! 🙌🏻🔥
Ai sim nao tem como nao assistir quando chega a notificaçao
Hahaha valeu Aldair! 🙂🙌🏻
Muuuuito bacana!
Muito obrigado! 😊
cara perfeito, semana passada eu apanhei pra fazer da forma antiga ahahah muito bom!
Pois é, a forma antiga é mais fácil de fazer individualmente, porém, quando tem muitas páginas fica difícil de replicar. O Component e o Interactive Component surgiram pra resolver esse problema.
Valeu Jorge, bons estudos! 😎🔥
Amei o vídeo! Me ajudou muito
Fico feliz que tenha tenha te ajudado Larissa. 😊 Obrigado!
Foda 🥹
Valeu! 🙌🏻
Vou atualizar um que tenho aqui rsrs... Valeu!
Massa Yann! Valeu! 🙌🏻🔥
Como você aplicou o drag pra esquerda e pra direita no card que estava no centro? Geralmente ele não deixa aplicar a mesma interação duas vezes no mesmo elemento, né?
Fala Adriano!
Da pra aplicar duas interações sim, até mais. Mas claro, as vezes uma acaba anulando a outro.
Neste caso como fiz um drag pra esquerda e outro pra direto, funciona perfeitamente.
Agora se eu colocasse um Tap, daria pau.
Da uma testada ai e me fala se deu certo. Valeu!
Oi Fábio eu adoro o seu conteúdo, mas dessa vez não deu bom aqui. Fui tentar arrasatr a variante do carrossel para mudar a imagem do frame e não vai nem com reza braba. Tem alguma coisa que dá pra fazer?
Oi Natali.
Não sei exatamente o que pode estar acontecendo, mas veja esse vídeo, eu mostro como colar imagem de um jeito fácil:
ruclips.net/video/O9F5U_0_rOY/видео.html
Espero que ajude. E obrigado pelo feedback! 😉
boa noite. E como faz para passar essas animaçoes para o elementor? tem como extrair o codigo da animaçao e jogar no elemetor ?
Parabéns pelo video. Eu estou com uma dificuldade, após fazer as ligações e testar quando arrasto para voltar para a primeira imagem ele não vai, volta para a última novamente. E aparentemente fiz as ligações corretamente. Poderia me dar uma dica do que posso estar errando?
Qual a diferença de fazer assim e só fazer o frame com clip content e liberar o horizontal scroll?
Acho que sua dúvida é a mesma Jos Mendes. Vou colar aqui a resposta que dei:
"... o comportamento é diferente, ele fica “solto”. A vantagem do exemplo do tutorial é que os cards ficam posicionados centro. E vc consegue adicionar mais interações, como os 3 pontos.
Cada opção supre uma necessidade diferente que cabe a gente decidir a melhor."
Espero que tenha esclarecido sua dúvida. Valeu Potter!
Esclareceu sim, obrigado. 🥰
@@Herepotter 👍🏼🙂
Muito bacana. Poxa, depois que fica pronto parece algo mágico, não? Muito obrigada por compartilhar isso conosco! Você tem algum vídeo mais detalhado sobre clip content? Às vezes funciona para mim, às vezes não funciona. Eu clico no componente, em clip content e nada acontece. Depois, se eu clico no frame, o clip content funciona. Às vezes não funciona. Não tá muito claro ainda para mim a lógica por trás dele.
Que bom que gostou Thaís.
Legal, vou anotar sua sugestão sobre Cilp content. Provavelmente o que está acontecendo é que o objeto apesar de estar visualmente dentro do frame, mas vezes ele fica fora da layer ( observe na barra de layer). Por isso você ativa o Clip e acaba não funcionando. Pode ser isso.
Obrigado pela sugestão. 🙂
Eu amei o vídeo!! Me ajudou muito também! Só tive um probleminha 😔 aquele bolinha abaixo da foto, que muda a medida em que arrastamos para o lado, a minha fica diminuindo o tamanho e subindo um pouco, não sei como resolver.... Consegue me ajudar por favor?
cmg não deu mt certo :( fiz 3 cards tb e add a interação igual vc, só q aí ele só arrasta até o segundo card e não volta, oq pode ser?
Mas e o horizontal scroling ?
Pode ser usado, mas o comportamento é diferente, ele fica “solto”. A vantagem do exemplo do tutorial é que os cards ficam posicionados centro. E vc consegue adicionar mais interações, como os 3 pontos.
Cada opção supre uma necessidade diferente que cabe a gente decidir a melhor.
Valeu Jos!
Tio estou sem sanidade
POHA PODIA PELO MENOS MUDAR AS CORES DOS OBIJETOS TUDO BRANCO É FODA