How To Create Drag and Drop Interaction On Figma

Рет қаралды 59,354

Designers Guide with Chris Adolphus

Күн бұрын

Пікірлер: 29

@dezine570 3 жыл бұрын

Your tutorial is the only one I found that was helpful. Thank you!

@melodyhope1621 2 жыл бұрын

Great tutorial! Thank you! Wasn't expecting to be able to learn it in just 2mins!

@rachelboxes 2 жыл бұрын

awesome tutorial - short and sweet. thank you!

@liceagadavid 2 жыл бұрын

Exactly what I needed, thank you!

@nevioth 3 жыл бұрын

Awesome! Could you share the project?

@aashish_lal_s 2 жыл бұрын

Really helpful, and saved me in the nick of time. Really appreciate it !

@sturmx96 11 ай бұрын

Thank you, that was helpful

@mywayforum 3 жыл бұрын

I have actually a problem with doing the drag n drop. It works fine for the initial animation but when I'm dragging it. It just instantly switches order without the 'hovering/dragging' animation. I have everything set like you do. Smart animate where it's suppose to be. Do you have any idea what might be wrong?

@KingNLGames 3 жыл бұрын

same problem here

@mywayforum 3 жыл бұрын

@@KingNLGames I got the answer. Since I was moving objects that looked exactly the same instead of actually changing the position of the frames themselves I was actually editing different frames so that they would look like the ones I wanted to move. So the solution is to actually move the frame you want to move on the last screen instead of creating a new frame that looks identical :) I hope this will help you ;)

@KingNLGames 3 жыл бұрын

@@mywayforum yeah i found that out too hahaha, i hate figma for prototyping but i had to use it for school.

@sds_net 3 жыл бұрын

My issue wasn't that my two objects were different objects or had different names - the problem was I nested the object inside a group, two different groups actually: one group in the first start frame and moved it within another group in the destination frame. This was the problem. If you want to have the drag animate, make sure the element you're using as the trigger is not nested within a group either in the start frame or the end frame.

@yaelch.3987 2 жыл бұрын

,@@sds_net It's not even working for me if I had to ungroup everything :( @DeeN23

@9271356072 2 жыл бұрын

Awesome tutorial.. make the copies sequentially, like screen1, then copy 1 to make 2nd, and copy 2nd to make 3rd. Then tweak 1st card in second screen. Then move the position of 1st card on last screen as 4th card. This way figma will remember what to animate.