Å·±¦ÓéÀÖ

The UXPin editor comes with many features that help you communicate your ideas to clients, developers, and other designers. Here’s how you can start using the UXPin editor to make prototypes in a snap.

Before we dive in and if you want to follow along, you can get UXPin with .Ìý

Add Elements to a Prototype

This is an easy one. The Editor comes with many prebuilt elements like text boxes, buttons, icons and other common elements. More than 900, in fact. And putting them to use is as easy as drag and drop.

Choose a library with the elements you need.
Drag the element into your prototype.
There’s no step three.

Search for the Elements You Need

You don’t have to memorize the libraries and their contents. You can search with cmd-F (Mac) or ctrl-F (Windows) to quickly search for the elements you need (or click the magnifying glass icon on the far left). As a bonus, the search tool remembers which elements you used most recently, making it a great way to create multiple copies of the same thing.

Edit anything with the properties panel

Every element has its own settings like size, position, color, etc. Some have unique properties, like lists� options or text blocks� typefaces. In any case, you can count on the properties panel to get you the settings you need with a single tap.

Bonus: Rename your prototypes

It’s a small feature with great value. UXPin’s dashboard lets you search for project folders and prototypes by name, so naming your work is critical to success. You can edit a project’s name right from the editor by tapping a certain block in the upper left-hand corner.

The editor has many features, but you can get started making great prototypes by searching for elements, dragging items into view, editing them on the fly — and naming your prototypes well.

Try what you learned with a and start creating prototypes in about the same time as you took to read this post.