Nike Product Hover Animation with Figma

Поділитися
Вставка
  • Опубліковано 7 кві 2023
  • A video on creating Nike Product hover animation with figma smart animate. Follow for more tutorials.

КОМЕНТАРІ • 35

  • @nwankwopaschal1961
    @nwankwopaschal1961 8 місяців тому +3

    Thanks. I just used this to get an idea on how to solve a complex problem.

  • @uzairch606
    @uzairch606 4 місяці тому +1

    POINT: Hold alt and drag the component onto your screen to see the effect.

  • @bigtynsonly3866
    @bigtynsonly3866 4 місяці тому +5

    Its meant to be while hovering not on drag.. because with on drag it doesnt work

    • @nobbybeatz
      @nobbybeatz 3 місяці тому

      yes i saw this video i was going to comment that same yeah it's while hovering and not on drag

  • @challefd108
    @challefd108 10 місяців тому +11

    Bro in the last of the video, you skiped what to do before putting it in the design, like where is the other commponent, you dleted it? you placed it? WHAT?

  • @reyalvarez1617
    @reyalvarez1617 6 місяців тому

    This is a great tutorial I just don't like them being uploaded as shorts they are a bit more confusing because of their fast speed. Keep up the great work.

  • @AjitC
    @AjitC 10 місяців тому +3

    this effect is for Hover right? Why did you use Drag interaction..?

    • @arvindsenthil
      @arvindsenthil  10 місяців тому

      You are correct. It works with hover. Did drag by mistake! 😃

    • @AjitC
      @AjitC 10 місяців тому

      @@arvindsenthil that's what I was wondering. No issues, thanks for the video...

  • @justafrenchkidtryingtospea9462
    @justafrenchkidtryingtospea9462 11 місяців тому +4

    With variant properties you could have done it with only 2 variants . My coworker just showed me this video bc we she has to do something similar and was not shure where she got wrong. I told her how she wasted time making 5 variant

    • @arvindsenthil
      @arvindsenthil  11 місяців тому

      Yes. I did it with 2 variants right? One selected version and unselected version? Sorry I can’t get you clearly!

    • @justafrenchkidtryingtospea9462
      @justafrenchkidtryingtospea9462 11 місяців тому +1

      ​@@arvindsenthilYes sorry it wasn't clear enough because I said variants. I meant components. In stead of doing that you could have just used variant properties to replace the sneakers directly in the component instance. Instead of creating 3 components.

    • @arvindsenthil
      @arvindsenthil  11 місяців тому

      @@justafrenchkidtryingtospea9462 Okay so I created this video way back before the latest update came. So yeah. But anyways I have used only 2 right? I don’t get it like how is it 3?

    • @zerkorj
      @zerkorj 11 місяців тому

      ​@@arvindsenthilYou are joking right? Don't you see on your own screen that you create 3 different components for your cards? I'ts literally on your own video " component 4" " component 5". I think the person implied that you just had to create one component and then use component properties to edit it instead of creating 6 different cards like you did in your video 🤦🏼‍♂️

    • @zerkorj
      @zerkorj 11 місяців тому

      ​@@justafrenchkidtryingtospea9462It was clear he is just playing dumb

  • @danialakbar7861
    @danialakbar7861 11 місяців тому +1

    Hi thank you fot the wonderful video. I am still beginner in figma. I had follow the tutorial that you gave. But why Icant run the project as the figma said, "a prototype at least had 1 FRAME"

    • @arvindsenthil
      @arvindsenthil  11 місяців тому

      Thank you! So you have to place the components in a frame and then run the prototype. If you directly try to run the component, it won’t work!

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

      Just creat a frame 1st
      Like in pc
      Press F on keyboard and then creat your design and drag the elements in the frame then play your project

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

    How I share the file to landing Page or to client

  • @mohithvskintali4289
    @mohithvskintali4289 11 місяців тому +2

    I am unable to understand the animation from prototype
    How to go prototype mode

    • @ROTLXX
      @ROTLXX 11 місяців тому +2

      upper right of the screen where it says design, next to it should be prototype

    • @arvindsenthil
      @arvindsenthil  11 місяців тому +1

      Just create a starting point and ending point! Then connect them together with smart animate. It automatically does the job

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

    Bro how to run project?

    • @BlackPhoenix-qz1kt
      @BlackPhoenix-qz1kt Рік тому +1

      In right corner , there is share button after that there is play button ... You can click on the play button to run the project ....

    • @BlackPhoenix-qz1kt
      @BlackPhoenix-qz1kt Рік тому +1

      In right corner there is share button beside that there is triangle icon .. you can click on that to run the project ....

    • @arvindsenthil
      @arvindsenthil  11 місяців тому

      @@BlackPhoenix-qz1kt thanks for the reply!

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

    Hey thanks for the tutorial. I am wondering where can I get the picture of shoes?

    • @arvindsenthil
      @arvindsenthil  11 місяців тому

      Hey! Glad you liked it. You can get normal images from Nike website. You can also download images with background and remove the background with AI tools!

  • @nepgameplays5718
    @nepgameplays5718 10 місяців тому

    I don't understand the tutorial. Hugs my brother

  • @sarimsheikh140
    @sarimsheikh140 8 місяців тому +1

    can i have css please 😂

    • @maxy2479
      @maxy2479 6 місяців тому

      What???☝️💀😂😂😂

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

    this shit does not work