The workspace in a design tool where you create and arrange visual elements, representing the artboard or page you’re designing. In Framer, the cursor that lets you precisely place and manipulate elements. The scale.canvas is where you build your site visually, with a floating canvas supports zoom, pan, and rulers to help you work at any

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.

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.

An introductory screen displayed while an application loads, typically showing branding or loading progress. Splash screens set expectations and provide visual continuity during load times. Keep splash screens brief—users want to reach content quickly.

Real-time or on-demand suggestions provided by an AI model as a developer types, ranging from single-word completions to entire function bodies. Modern tools like GitHub Copilot and Cursor use large language models to infer intent from surrounding code and comments. Code completion reduces keystrokes, surfaces patterns, and helps developers stay in flow—while requiring judgment about whether suggestions are correct and appropriate.

A step beyond code completion, agentic coding lets an AI agent take multi-step actions—reading files, running tests, fixing errors, and committing changes—with the developer reviewing at checkpoints rather than writing every instruction. Tools like Claude Code and Cursor’s Composer operate in this mode. Agentic coding accelerates complex tasks but requires clear goals, sandboxing, and human review to avoid unintended side effects.

Branch-aware cursors show collaborators in the correct branch context, so teams can review and edit without confusing separate versions of a project.

In collaborative Framer workflows, branch-aware cursors helps teams move faster without losing control of structure, content, performance, or editable design details.

Framer custom cursors can add interaction feedback, brand personality, or contextual hints while visitors move through highly designed pages.

In Framer, multiplayer cursors make collaboration feel immediate by showing teammates’ presence on the canvas, helping teams design together without losing context.