UXPin Blog — Design Studio

Smart elements (SEs) are groups that change across an entire site when you edit the original. You can use these to save repetitive work by creating elements you’ll use everywhere in a given project. In web dev terms this is analogous to a server-side include. In design terms this is a time-saver. Consider website footers.

Creating a MSE makes copies of the selected elements. You can move, resize, recolor, or otherwise change the copies per state.

UXPin lets you import Sketch and Photoshop files with free plugins for each app. Doing so lets you make prototypes that demonstrate the product should feel.

Basic interactions let you show, hide, move, and manipulate other elements on a page. Each action affects only one other element in one step.

The sitemap is a tree of your pages or views. More than making distinct screens for sites and apps, you can use the sitemap to organize your work.

Preview mode lets you — or anyone — test your prototype and its interactions, including links between pages or views, documentation, and comments.

The Editor is your tool to create prototypes. It includes tools, element libraries, and a working canvas upon which to construct great mockups.

The UXPin Dashboard lets you organize projects into project folders, find projects and prototypes, and manage your account.

A team is a set of people working together for a common goal. Each UXPin user has his or her own role, with varying permissions to work with projects.

The UXPin editor lets you build prototypes with elements from simple shapes to icons to pre-built components. Here’s how work with elements in your design.

Certain elements have custom elements to extend their appearance or functionality. Here we list them and describe what you can configure.

While they make terrific gray placeholders, in UXPin boxes can be more than just dull rectangles.

Dozens of examples and best practices. Apply the right layout for your site.

Dozens of examples and best practices.

The new UXPin is here. See how we used our own collaborative design platform to redesign the application from the ground up.