Create an Animated Like (Heart) Button in Figma

Поделиться
HTML-код
  • Опубликовано: 11 ноя 2024

Комментарии • 32

  • @Olliewiener
    @Olliewiener 8 месяцев назад +1

    bro thank u so much for walking everyone through each step! I am new to figma, and it's nice to have someone to help me!

  • @marie91999
    @marie91999 Год назад +2

    Exactly what I was looking for. Thank you so much!

  • @sandraperadilla
    @sandraperadilla 3 месяца назад +1

    Thank you! I was wondering how to do it, and I made it because of the video. :)

  • @maryshadbolt
    @maryshadbolt 16 дней назад

    How did you get the parts rotated at exactly the right angle so that they fit perfectly together? Thanks!

  • @Sweetyhigh123
    @Sweetyhigh123 Год назад +1

    Thank you so much Mavi,
    well appreciate your time☺️

  • @rubypaterson4569
    @rubypaterson4569 2 года назад +3

    Thank you so much, Mavi! Find your video always has great useful content!! ❤

    • @mavidesign
      @mavidesign  2 года назад

      Thanks Ruby! It’s great to have you here. Much appreciated 😊

  • @maryshadbolt
    @maryshadbolt 16 дней назад

    How did you get it to go from a diamond to a rectangular component? Thanks!

  • @apexa_sharma545
    @apexa_sharma545 3 месяца назад +1

    thankyou so much. it was so easy. you made it such

  • @haswasnthere
    @haswasnthere Год назад +3

    this animated like has a chance, sometimes it does work the hovering to the middle and sometimes goes to right corner and i dont know how tf to fix it

  • @BhanuPrakash-nr5og
    @BhanuPrakash-nr5og 3 месяца назад +1

    thank u Mavi

  • @hashirahmedkhan2746
    @hashirahmedkhan2746 2 месяца назад +1

    what did you do before making the component, cuz the name didn't change from union to heart for me????

  • @MrTORISSIMO
    @MrTORISSIMO Год назад +5

    You lost me at the component properties part, way to fast and missing steps there IMO, was a good start though

    • @dimitristerzz
      @dimitristerzz 9 месяцев назад +3

      he indeed didnt not explain it well we need to be able to know what keys hes pressing

  • @tushar_parab
    @tushar_parab Год назад +2

    Beautiful ❤

  • @nitin2701
    @nitin2701 5 месяцев назад

    #figma #animations #cool #effects #letsgo #👀 #🔥 #♥️

  • @daiji6946
    @daiji6946 2 месяца назад

    why mine didn't show up on Asset??:(
    Anyone pleaseee helppp

  • @fabiancr7306
    @fabiancr7306 Год назад +5

    Do you know why my interaccion comes from left corner and not from the middle? When the element changes his size it has the anchor point left and up, and not from the center.

    • @mavidesign
      @mavidesign  Год назад +2

      Try playing around with "Constrains" and setting them to "Center" and "Center"

    • @ecoa
      @ecoa Год назад +1

      @@mavidesign I have the same issue but that still didn't change.

    • @haswasnthere
      @haswasnthere Год назад

      @@mavidesign I do have same issues, and the constrains didnt fix them

    • @natacho_1
      @natacho_1 11 месяцев назад

      I have the same issue. I've tried a couple different tutorials and changing the constraints didn't do anything for me... Anyone have an answer?

    • @dennistundrea1234
      @dennistundrea1234 9 месяцев назад +1

      Place the icon in a frame, and set that frame to auto-layout>centered. That frame would be a component, so you would add variants from it.

  • @rawan9018
    @rawan9018 7 месяцев назад

    Done thanks a lot !

  • @KGangasai
    @KGangasai Год назад

    awesome dude. thanks a lot 😍😍😘😘❤❤

  •  Год назад

    Jumping!
    I need to jump more, fair point
    In general everything you don’t use, you will loose. Simple, brain, muscle, flexibility , mobility …

  • @TheBalkanSpy
    @TheBalkanSpy 4 месяца назад

    Tbh hover state is pointless if you’re doing this for a mobile app that will almost never be used with a mouse…

    • @mavidesign
      @mavidesign  4 месяца назад +1

      Ofc, liking isn’t exclusive to mobile though

  • @aldoeljardinero
    @aldoeljardinero 7 месяцев назад

    worst tutorial ever

    • @mavidesign
      @mavidesign  7 месяцев назад

      Why?

    • @nitin2701
      @nitin2701 5 месяцев назад

      Why would you even question this lol.... You did a great job! Thank you for your help!​@@mavidesign

  • @disoin.studio
    @disoin.studio Год назад

    very simple? hahahaa OMG, is magic!