Button Click Animation | Figma Interactive Components

Поділитися
Вставка
  • Опубліковано 12 гру 2024

КОМЕНТАРІ • 23

  • @quentinalessandra5309
    @quentinalessandra5309 2 роки тому +13

    Bro you literarily saved my project I love you so much hope your family and you will have an amazing life

    • @ndejesus34800
      @ndejesus34800 2 роки тому +1

      +1

    • @ChinskDesign
      @ChinskDesign  2 роки тому

      Hi! 😃 I’m glad to hear that, feedback like this makes me motivated to keep making more videos🤩 Thank you so much!🙏 An amazing life for you and your family too!😃 Have a great weekend!

  • @simonlarragy9376
    @simonlarragy9376 2 роки тому +1

    I love these. I'm building up a little library of the effects by following along in Figma. I can't wait to put them all to use in a new project!

    • @ChinskDesign
      @ChinskDesign  2 роки тому

      Great, it's really cool!🤩 Thank you so much for watching! Keep watching, there are more effects coming every week. Have a great weekend!

  • @hunghaphuoc4427
    @hunghaphuoc4427 2 роки тому +2

    Thank you bro for you very helpful video. Cna you tell me how can I create interaction between the button with animation to navigate to another frame after the button's animation is fully shown. I cannot choose the option of "After delay" when I copy the button frame into another frame
    Thank you a lot.

    • @ChinskDesign
      @ChinskDesign  2 роки тому

      Hi!😃 Thanks a lot for the feedback!🤩 In this case, you can choose the “after delay” for the screen instead of the “button frame”. Or you can try including the screen as the last variant of the button animation, I don't know if this works, I can test it later. Let me know if this worked. Have a great weekend!

  • @W4KEUP608
    @W4KEUP608 Рік тому

    Your tutorial is a great help sir but in 4:10 how did you equally expand the circle did you use some shortcut keys with it? And when I expand it it covers the whole thing

    • @hebezelaya9980
      @hebezelaya9980 Рік тому

      had the same issue, you have to click 'clip content'!

    • @puch9830
      @puch9830 Рік тому

      holt 'alt' key and then expand

  • @y3eHki
    @y3eHki 2 роки тому +1

    Doe`s this method works with using "auto layout" on button ? I tryed do make it with "auto layout" and this freaking elipse is starts to crawl out of the frame and i can do nothing about it)
    Thank you for the video and would be greatfull for any advice🙂

    • @ChinskDesign
      @ChinskDesign  2 роки тому +1

      Hi!😃 Thank you so much for the feedback! I'm not sure if it works with “auto layout”, I haven't tested it yet. I can try to do it with “auto layout”, if it works I can post it here on the channel in the future. What other tutorial do you want to see here on the channel? Have a great weekend!

  • @hyacinthonyekwuo
    @hyacinthonyekwuo Рік тому +1

    Awesome one

    • @ChinskDesign
      @ChinskDesign  Рік тому

      Thank you so much for the feedback!😃 Which tutorial do you want to see here on the channel?

  • @NogaPaz
    @NogaPaz Рік тому +1

    do you know how am i generating it to an HTML code so the button will be clickable?
    i've tried to do it by using a plugin Figma to HTML but its not clickable..
    thank you!

    • @ChinskDesign
      @ChinskDesign  Рік тому

      Hi!😃 I don't know, I haven't tried it yet. Did you make it work?

  • @mordred793
    @mordred793 2 роки тому +2

    Pero como hago para que luego de esa animación, me envíe a otro frame?

    • @ChinskDesign
      @ChinskDesign  2 роки тому

      ¡Hola!😃 En este caso, debe crear un nuevo frame, conectar el botón a elle y usar "After Delay". Use el mismo tiempo que se usó para el final de la animación de clic de botón.

    • @mordred793
      @mordred793 2 роки тому

      @@ChinskDesign No te explicas bien. Pues no me deja poner dos interacciones al Default. Y luego de volver al Default o la Variant 3 no permite "After Delay"

    • @ChinskDesign
      @ChinskDesign  2 роки тому

      En lugar de conectar la variante 3 al "Default", debe conectar la variante 3 a un nuevo Frame y usar "After Delay"

    • @didaplays5544
      @didaplays5544 4 місяці тому

      @@ChinskDesign yeh but this way u are not able to get to frame where the button is, cuz it doenst reset the animation so its always going to the other frame

  • @auti5mu5primee
    @auti5mu5primee 2 роки тому +1

    Nice!

    • @ChinskDesign
      @ChinskDesign  2 роки тому +1

      Glad to help! Thank you so much for the feedback! Have a great week!