Create INTERACTIVE Card Hover Animation Using Figma | Figma Tutorial

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

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

  • @RagZoiD
    @RagZoiD Час назад

    Did exactly the same but cannot see the effect working in preview area

  • @alliialpha
    @alliialpha 6 месяцев назад +1

    Your tutorials is the best

    • @pixxelex
      @pixxelex  6 месяцев назад

      Glad you liked!

  • @joshua.olatunji
    @joshua.olatunji 5 месяцев назад +3

    Wished you walked us through it voice over.

  • @giuliadercole3793
    @giuliadercole3793 Месяц назад

    i think i need to do a similar thing cause i need to prototype an hover effect (image from 60% transparency to 100%) for a few different images. I created the component set but when i change the image inside the frame and mouse hover it goes back to the original image (the one i made the component with). what can i do to correct this? thx

  • @emmylegend5442
    @emmylegend5442 6 месяцев назад

    Yea I just subscribed, well done

    • @pixxelex
      @pixxelex  6 месяцев назад

      Thank you!

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

    you had the two images/text frame and made them into a component, but when you drag in the component from the assets its only one image/text. What happened there?

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

      This is how a component works in Figma. We made one component out of two images.

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

    In my case animation is enlarged to the right and down, tell me pls how to make it centered?

    • @ChetnaGehlot-wn1fk
      @ChetnaGehlot-wn1fk 4 месяца назад

      same here

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

      Before enlarging, center the constraints of all the things inside the frame. Check 02:14

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

      @@pixxelex yeah, just missed "inside" the frame... thx

  • @DesignIT_
    @DesignIT_ 6 месяцев назад +1

    i want to learn from sctrach will you give me the resource ? book suggestion for ui/ux and tutorials

    • @Dimpledurgathenepalli
      @Dimpledurgathenepalli Месяц назад

      Start to create them, I suggest you to learn by creating them instead of using books. Learn to use figma first try to build your own project, then you will get to know everything on the way.😊

  • @R2f_DeViL0902
    @R2f_DeViL0902 6 месяцев назад

    which plugin you had used for images ?

    • @pixxelex
      @pixxelex  6 месяцев назад

      Plugin name: Lummi

  • @LeonEschler
    @LeonEschler 26 дней назад

    Unfortunately, the Hover isnt so smoove like in your Video . Do you maybe know the Reason for this ?

    • @pixxelex
      @pixxelex  24 дня назад

      Please check the prototype settings once

  • @geronelo1435
    @geronelo1435 6 месяцев назад

    Espectacular

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

    superb

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

    Hi! Nice video!! can we export this to powerbi?

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

      Sorry, we can't

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

    Thank youu

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

      You're welcome!

  • @waxximgraphics9328
    @waxximgraphics9328 6 месяцев назад

    How can we convert this in mobile size any idea anyone?

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

    For a complete noob that was really hard to follow.

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

      Actually, these videos are advanced Figma prototypes. For beginner-friendly Figma prototype tutorials, you can check out my channel.