Fundamentals of UXPin

Navigate the UXPin editor interface to design, prototype, and document with the left panel tools, libraries, and design system options. Manage pages, layers, interactions, and previews for collaborative workflows.

Use the UXPin data generator to populate your prototype with real or mock data, including avatars and names, using matched by layer name and naming guidelines.

Create and manage state elements in UXPin, building front and back card states with navigation, using a base state and set, next, and previous state interactions to prototype dynamic components.

Learn how to use variables in UXPin to store user inputs, transfer data to other elements, and create dynamic text across a prototype, including forms and sign-up flows.

Explore expressions in UXPin to validate data, manipulate variables, and set content with javascript-based functions. See a name become uppercase on a credit card front using an uppercase expression.