Affordance
Visual cues that suggest how an element can be used, such as a raised button appearing clickable or an underlined word suggesting a link. Affordances draw on learned conventions and physical metaphors to make interfaces intuitive without instructions. Strong affordances reduce learning curves and help users discover functionality naturally.
Cursor
Interaction
The visual indicator showing the mouse position on screen, which changes shape to indicate possible interactions. Custom cursors can reinforce branding and provide feedback about interactive elements. In Framer, the cursor becomes contextual tools for placing elements and manipulating the canvas during design.
Drag
Interaction
An interaction where users click and hold an element to move it, common for reordering lists, sliders, and drawing interfaces. Drag interactions should provide clear visual feedback about what's being moved and where it can be dropped. Consider touch device behavior where drag competes with scrolling gestures.
Hover State
Interaction
The visual appearance of an element when a user's cursor is positioned over it, providing feedback and indicating interactivity. Hover states are essential for buttons, links, and clickable elements—without them, users can't tell what's interactive. Remember that hover doesn't exist on touch devices, so don't rely on it for essential information.