Muito Obrigado! Era exatamente isso que estava tentando fazer, mesmo com a sua explicação quando perguntei no dia. O único jeito foi criar varias telas para conseguir chegar onde queria. O projeto ficou muito pesado para apresentar pelo celular, só no desktop que conseguia navegar com maior fluidez. Repliquei o que você passou no vídeo e deu muito certo, reduzi a quantidade de telas e prototipação e com isso foi possível apresentar pelo celular. Não sei nem como te agradecer, de verdade! Espero que seu canal cresça muito. Muito Obrigado, Flávio!!! 🙌🔥
Parabéns pelo conteúdo!! Muito didático. Não querendo abusar 😊, mas poderia fazer um tutorial com efeito no menu burguer abrindo uma aba/lista + aba aparecer lateralmente com botão “x” + sair também deslizando lateralmente?
Obrigado pelo feedback e pela sugestão. Acabei de gravar algo parecido com isso, mas é para o curso que logo vou lançar. Mas, anotei aqui, quem sabe trago esse vídeo aqui no acanal. Abraço Paulo.
Muito bom !! Preciso criar um protótipo com uma grande quantia de página. Essas páginas vão ser basicamente 3 tipos de decks de cartas diferentes. A carta que vai ser usada pode variar a qualquer momento entre: Fácil; Medio; Difícil. Vão ser botões fixos no inferior da página. Clicando por exemplo no facil ele tem que pegar a informação do deck facil e colocar na página. na próxima vez que clicar no facil ele não pode pegar a mesma carta. E isso tem que funcionar para os três decks simultaneamente. Cada deck vai ter aproximadamente 100 cartas. Consigo randomizar a informação que ele vai pegar de um modo que ele não se repita? ou talvez organizar de um modo que seja facil navegar entre os decks sem se repetir? Se tiver alguma sugestão vai me ajudar muito.
O brother! Então, sua necessidade é bem complexa, provavelmente você conseguiria fazer isso com Variables, mas exige um eforço pra criar esse raciocinio. Aqui mo meu canal tem uma playlist sobre variables. São 3 vídeos que apresentam a ferramenta, talvez possa te ajudar com seu projeto. 😌🙌🏻🔥
Excelente explicação Flávio. E quando lá na interações a opção de change to não está disponível para clicar (disable), o que fazer, ou onde habilitar no figma todas as interações?
Fala Henrique! Olha, pela minha experiência, quando o “change to” não habilita é porque algo na interação está errado. Geralmente comigo o que acontece é que eu errei ao linkar as variants, tipo: linkei um elemento ao invés de linkar o grupo todo. Dificil explicar por texto, mas da um conferida se os links das suas interações estão certos. Espero que ajude. Abraço!
Fala Leandro! Acredito que você possa fazer como eu comento aqui neste momento: th-cam.com/video/PjWR2kjwz1g/w-d-xo.html Só tiraria a parte do hover, já que no mobile não funciona. Espero que ajude com sua dúvida. 🙌
O problema é que o hover não funciona para mobile, então a solução só funciona para desktops. No Figma tive que excluir a interação de hover no botão porque ele não aceita mais de 2 interações, absurdo. Nessa parte, o Adobe XD é muuuito melhor, porque você faz uma pá de interação no mesmo botão.
Exatamente, é uma alternativa, mas hover não foi feito pra mobile. Faz tempo que não uso o XD, será que vão voltar com ele, já que não podem mais comprar o Figma? 🤔
Tudo bem? Você poderia me tirar uma dúvida. Caso eu queira gerar um relatório ele faz? exp. quando aciono um botão para iniciar uma atividade e depois aperto outro botão para encerrar, eu consigo gerar um relatório sobre isso, este tempo de atividade ou serviço. Obrigado pela atenção.
@@FlambDesign Muito obrigado!! e parabéns pelos videos .. tem ajudado de mais!! Seria legal fazer um vídeo sobre este assunto, explicar um pouco sobre esta exportação para CSS ou HTML.. alguma dica de qual programa usar para o próximo passo. Eu tenho estudado um pouco o Bubble, mas tenho minhas dúvidas se é a melhor opção. E última coisa .. caso meu protótipo for mais simples, não for ter banco de dados, for apenas as interações criadas criadas no figma mesmo.. consigo transformar em um link para compartilhar? Apenas uma sugestão de vídeo .. se vc achar legal.. agente agradece!! kk
você conseguiu chegar mais perto de resolver o meu problema, o meu botão ele não mostra a interação quando clico para ir para outro frame, porem eu uso esse botão em todos os frames, eu queria que ele mostrasse a interação a cada vez que clico em diferentes frames @flamb design consegue me ajudar?
o botão tem tres interação, 1º botão azul 2º fica verde 3º volta ser azul, porem ele é repetido em varios fremes, como se fosse um botão de formulario, o que eu queria é que quando clicasse nele, ele fizesse as três interações e navegasse para outro frame e resetar o estado do componete para ser clicado novamente, para que ele pudesse fazer as interações de novo, se quiser eu te envio o link do projeto para entender melhor@@FlambDesign
![Create a Dropdown [interactive] - Figma micro interaction Prototype](http://i.ytimg.com/vi/KAVCUKgIS_Q/mqdefault.jpg)
Vídeo dedicado a Fernando Lima e Ricardinho, que tiveram dúvidas semelhantes. Espero que o vídeo ajude a solucionar suas dúvidas! 🙌💪🔥
Muito Obrigado! Era exatamente isso que estava tentando fazer, mesmo com a sua explicação quando perguntei no dia. O único jeito foi criar varias telas para conseguir chegar onde queria. O projeto ficou muito pesado para apresentar pelo celular, só no desktop que conseguia navegar com maior fluidez.
Repliquei o que você passou no vídeo e deu muito certo, reduzi a quantidade de telas e prototipação e com isso foi possível apresentar pelo celular.
Não sei nem como te agradecer, de verdade! Espero que seu canal cresça muito. Muito Obrigado, Flávio!!! 🙌🔥
@@flima182 Faaaala Fernando! Pooo que massa cara, que bom que o vídeo resolveu seu problema. Objetivo alcançado! 🙌🏻💪🏼🔥
me ajudou muito, valeu!
Essse canal vale ouro!!!
Valeu Vinicius! 😊🔥🙌🏻
Bom demais ajudou muito, muita clareza e nada de enrolação !
Muito obrigado Germano! :)
Você é um heroí 😄, seu conteudo ajuda demais
Que bom que te ajuda! Obrigado! 😊🙌🏻
Muito bom, com as Variantes do Figma, da para fazer qualquer animação que você quiser com o botão.
Exatamente Washington! Da pra usar a criatividade pra fazer muita coisa. Só não exagerar, porque os Dev piram ! 😅
Muito bom seu vídeo, direto e bem explicativo. Parabéns!
Que bom que gostou Ellen, obrigado! :)
Parabéns pelo conteúdo!! Muito didático. Não querendo abusar 😊, mas poderia fazer um tutorial com efeito no menu burguer abrindo uma aba/lista + aba aparecer lateralmente com botão “x” + sair também deslizando lateralmente?
Obrigado pelo feedback e pela sugestão. Acabei de gravar algo parecido com isso, mas é para o curso que logo vou lançar.
Mas, anotei aqui, quem sabe trago esse vídeo aqui no acanal. Abraço Paulo.
Nossa você me ajudou demais, super didático
Fico feliz que tenha ajudado Juliana! 😊🙌🏻 obrigado
Vc éh fera mano. PARABENS!!!
Brigadão Renato! 🙌🏻🔥
valeu pela dica muito bem explicado
Que bom que ajudou Thiago. Muito obrigado!
eu de novo rs, mtooo obrigada, resolvir um problema sobre isso mesmo, que eu não estava conseguindo passar para uma outra tela, estou bem feliz rsrsrs
Pode vir quantas vezes quiser😅. É sempre bom saber dessas coisas. Fico feliz que o video foi útil pra vc Yasmin. Muito obrigado! 🙂🔥
muito obrigada, me ajudou muiiito seu vídeo
Fico feliz que tenha te ajudado. Muito obrigado Kamila! 😊🙌🏻🔥
muito bom, me ajudou!
Muito obrigado Julia! 🙂🔥
porque a opção afterr delay estava bloqueada, o mais certo seria que após um delay curto, navegasse para a outra página.
Muito bom!
Valeu Wellington!🙌🏻
Muito bom !!
Preciso criar um protótipo com uma grande quantia de página. Essas páginas vão ser basicamente 3 tipos de decks de cartas diferentes.
A carta que vai ser usada pode variar a qualquer momento entre:
Fácil;
Medio;
Difícil.
Vão ser botões fixos no inferior da página. Clicando por exemplo no facil ele tem que pegar a informação do deck facil e colocar na página. na próxima vez que clicar no facil ele não pode pegar a mesma carta. E isso tem que funcionar para os três decks simultaneamente. Cada deck vai ter aproximadamente 100 cartas.
Consigo randomizar a informação que ele vai pegar de um modo que ele não se repita? ou talvez organizar de um modo que seja facil navegar entre os decks sem se repetir?
Se tiver alguma sugestão vai me ajudar muito.
O brother!
Então, sua necessidade é bem complexa, provavelmente você conseguiria fazer isso com Variables, mas exige um eforço pra criar esse raciocinio. Aqui mo meu canal tem uma playlist sobre variables. São 3 vídeos que apresentam a ferramenta, talvez possa te ajudar com seu projeto. 😌🙌🏻🔥
Conteúdo top!
Muito obrigado Aline! 😊👏🏻🙌🏻🔥🔥
Adorei a aula, me ajudou bastante 😊
Que bom que te ajudou! Obrigado Alice! 🙌🏻🔥
Legal! Mas, existe, no Figma. a possibilidade de colocar som ao clicar um botão?
Excelente explicação Flávio. E quando lá na interações a opção de change to não está disponível para clicar (disable), o que fazer, ou onde habilitar no figma todas as interações?
Fala Henrique! Olha, pela minha experiência, quando o “change to” não habilita é porque algo na interação está errado. Geralmente comigo o que acontece é que eu errei ao linkar as variants, tipo: linkei um elemento ao invés de linkar o grupo todo.
Dificil explicar por texto, mas da um conferida se os links das suas interações estão certos. Espero que ajude. Abraço!
Obrigado pelo vídeo!
Gostaria de saber se tem a possibilidade de quando clicar em um novo botão o anterior desaparece a interação de clicado?
Não sei se entendi sua dúvida. Seriam 2 botões distintos?
E para dispositivo móvel, como fazer o efeito de clique e direcionar para a página? Tem diferença?
Fala Leandro! Acredito que você possa fazer como eu comento aqui neste momento: th-cam.com/video/PjWR2kjwz1g/w-d-xo.html
Só tiraria a parte do hover, já que no mobile não funciona.
Espero que ajude com sua dúvida.
🙌
Da para fazer essa animação para pdf????
O problema é que o hover não funciona para mobile, então a solução só funciona para desktops. No Figma tive que excluir a interação de hover no botão porque ele não aceita mais de 2 interações, absurdo. Nessa parte, o Adobe XD é muuuito melhor, porque você faz uma pá de interação no mesmo botão.
Exatamente, é uma alternativa, mas hover não foi feito pra mobile.
Faz tempo que não uso o XD, será que vão voltar com ele, já que não podem mais comprar o Figma? 🤔
Tudo bem? Você poderia me tirar uma dúvida. Caso eu queira gerar um relatório ele faz? exp. quando aciono um botão para iniciar uma atividade e depois aperto outro botão para encerrar, eu consigo gerar um relatório sobre isso, este tempo de atividade ou serviço. Obrigado pela atenção.
MUITO BOMM!!
Muito obrigado!🙂
Muito bom!!! Eu estou com um problema, quando coloco no play, o segundo Frame aparece em branco, na transição, sabe o que pode ser?
Obrigado Ana!
É dificil analisar, pode ser muitas coisas. Poderia dar mais detalhes? O play que vc fala seria o Protótipo do Figma, certo?
depois que eu tiver todas interações prontas .. oque eu faço para cadastrar os dados em algum lugar, e depois postar na playstor?
Olá Gabriel. O Figma cria o protótipo. Você vai precisar de um Desenvolvedor para traduzir isso em código e aplicar.
@@FlambDesign Muito obrigado!! e parabéns pelos videos .. tem ajudado de mais!! Seria legal fazer um vídeo sobre este assunto, explicar um pouco sobre esta exportação para CSS ou HTML.. alguma dica de qual programa usar para o próximo passo. Eu tenho estudado um pouco o Bubble, mas tenho minhas dúvidas se é a melhor opção. E última coisa .. caso meu protótipo for mais simples, não for ter banco de dados, for apenas as interações criadas criadas no figma mesmo.. consigo transformar em um link para compartilhar? Apenas uma sugestão de vídeo .. se vc achar legal.. agente agradece!! kk
Boa
🙌🏻🔥
você conseguiu chegar mais perto de resolver o meu problema, o meu botão ele não mostra a interação quando clico para ir para outro frame, porem eu uso esse botão em todos os frames, eu queria que ele mostrasse a interação a cada vez que clico em diferentes frames @flamb design consegue me ajudar?
Não sei se consegui entender seu problema, me perdi nos vários botões hehe.
Quando você fala "interação" você se refere ao hover? ou botão precionado?
o botão tem tres interação, 1º botão azul 2º fica verde 3º volta ser azul, porem ele é repetido em varios fremes, como se fosse um botão de formulario, o que eu queria é que quando clicasse nele, ele fizesse as três interações e navegasse para outro frame e resetar o estado do componete para ser clicado novamente, para que ele pudesse fazer as interações de novo, se quiser eu te envio o link do projeto para entender melhor@@FlambDesign