Creating an Animated “Drop Your Files Here” Interaction in Figma - Prototyping Tutorial

Get the SOURCE FILES for this project ($1.99): payhip.com/b/z...
Visit my STORE: bit.ly/mavi-de...
Explore Mavi Design COURSES : bit.ly/mavi-de...
Download FIGMA for FREE: bit.ly/get-sta...
Take FULL advantage of ALL FIGMA's features: bit.ly/figma-p...
In this video we’re going to dive into interactive, animated prototypes in Figma using components and Prototype mode in Figma. We’ll be creating a delightful, animated drag & drop file interaction in figma with various features from the Figma Prototyping panel. We’ll go step-by-step and discuss limitations, possibilities and explain the entire workflow so that you can understand how to apply these principles in your future projects.
how to design drag and drop interaction in figma - figma drop files prototype - figma drop files interaction
--------
© 2023 Mavi Design

[@innocentpeace3727]

Bro I enjoy your teachings a lot

[@jordanroywhite]

Thank you so much for this tutorial!! Just what I was looking for! Also bought a copy of the Figma file :D

[@SudharsanLNarasimman]

It was easy and helpful ! Thanks mate

[@pradeepprajapati2701]

Thanks mate 🤝 your tutorials helps me alote

[@GauravIITMandi]

is there something i can do to drag the file in the whole frame instead of a certain path??

[@henkegiaretta]

When I try to drag the file it is hardly moving, it is not following my cursor. Do you know what that can be?

[@mavidesign]

can mean a lot of things - the drag interaction is not set up properly (originating from the file object and connecting to the next frame object), you're missing a step in the interaction, the interaction is not set up to "smart animate" ... there are many possible causes and it's hard to tell from a description only

[@henkegiaretta]

@@mavidesign It happened when I try to drag horisontally, when I drag the cursor vertically it worked 🧐

[@HaykMiqayelyan-pi7ku]

❤❤