Add "On Drag" Trigger Functionality
E
EFE .
I built a prototype in Figma mimicking the Tinder App. Figma has an "On Drag" trigger, which works flawlessly, depending on what direction the user drags a card, you trigger a new variant in your component.
In addition to "On Drag" Figma has:
- On tap
- On drag
- While hovering
- While pressing
- Key/Gamepad
- Mouse enter
- Mouse leave
- Touch down
- Touch up
- After delay
Framer only has:
- Click
- Click start
- Mouse enter
- Mouse leave
- Delay
It feels like Framer is really falling behind the native functions that could offer and this improvement would be HUGE!
Log In
Autopilot
Merged in a post:
Feature Request: Drag Trigger for Component Variants
F
Francesco Caronte
Hi Framer team,
I would like to suggest an improvement for Component Variants.
Currently, the available triggers are: Click, Click Start, Appear, Mouse Enter, and Mouse Leave. It would be very useful to have a “Drag” trigger as well, to allow changing a variant while an element is being dragged.
This would enable more natural and dynamic interactions, for example:
sliders or cards that change state during a drag
animations that respond to cursor or touch position
more immersive micro-interactions without relying on Motion or custom code
I believe adding a “Drag” trigger would greatly expand creative possibilities for designers and increase the flexibility of components.
Thank you for your continuous work in making Framer such a powerful tool.