Skip to results

Design Drag and Drop Systems

Motion & Interaction · drag and drop

Updated 2026-07-28

Drag and drop requires constant feedback.
Before dragging:

Show grab affordance.
Use correct cursor.
Make draggable areas obvious.

During dragging:

Lift the object.
Show movement.
Highlight possible destinations.

During dropping:

Confirm placement.
Show result.

Without feedback, users cannot trust the interaction.

Related guides

Design Drag Interactions
Design Drag and Drop Beyond the Basics
Design Drag-and-Drop Interactions That Communicate Clearly
Design Gestures That Are Discoverable
Design Micro-Interactions That Make Interfaces Feel Alive