UI

User Interface—the visual elements and interactive components through which users engage with a product. Good UI is intuitive, consistent, and aligned with user expectations and mental models. UI design balances aesthetic appeal with functional usability.

Related terms

Related terms

  • Insert Menu

    Framer

    A UI element in design tools providing quick access to add new elements like text, shapes, images, and components. Insert menus speed up design workflows by centralizing element creation. Framer’s insert menu and slash commands enable rapid element addition.

  • Prototype

    Design

    An interactive simulation of a product used to test concepts, gather feedback, and demonstrate functionality before full development. Prototypes range from low-fidelity wireframes to high-fidelity interactive mockups. In Framer, prototypes become production sites—there's no separate prototype stage to recreate.

  • Transition

    Motion

    The animated change between two states of an element, such as button hover effects or page navigation. Smooth transitions make interfaces feel polished and help users track changes. Keep transitions quick (200-400ms for UI elements) to maintain responsive feel.

  • UX

    Design

    User Experience—the overall experience a person has when using a product, encompassing usability, accessibility, and emotional response. Good UX anticipates user needs and removes obstacles to goal completion. UX extends beyond UI to include performance, content clarity, and trust signals.

  • Persona

    Design

    A fictional character representing a target user group, created from research to guide design decisions around real needs. Personas help teams empathize with users and make consistent decisions aligned with user goals. Base personas on actual user research rather than assumptions.

  • Cookie Banner

    General

    A UI notice that informs visitors about cookie usage and, where required, collects consent preferences. Cookie banners help meet privacy and compliance requirements in regions with consent laws. See Add a fully functional Cookie Banner to your Framer site.

  • Fetch API

    General

    A browser API for making network requests from JavaScript using promises. Fetch is commonly used to retrieve external data and populate dynamic UI or CMS workflows.

  • UI/UX Design

    Design

    UI/UX Design integrates visual interface decisions with user experience research and interaction planning to improve product effectiveness and satisfaction.

  • Usability

    Accessibility

    Usability measures how effectively, efficiently, and satisfactorily users can achieve goals within a system or interface.

  • Design Iteration

    Design