UXPin lets you import Photoshop and Sketch files so you can prototype all layers
How do you turn static designs into interactive prototypes? If you're redrawing them from scratch or using a tool that flattens files, there's a smarter solution for you.
Your prototyping tool should let you do more than just “click” and “hover” interactions. And what about advanced animations?
That’s why we included a wide range of interactions to make your Sketch and Photoshop designs come to life.
Use the panel on the right to see triggers, actions and animations presets available for prototyping in UXPin.
See how it works
Installing plugin (0:26)
Exporting from Photoshop/Sketch (0:33)
Uploading to UXPin (1:45)
Creating stunning prototypes from Photoshop and Sketch is only the beginning.
From the moment you import your files, we give you a set of awesome tools for that next phase in your design process:
Chat, real-time collaboration (like in Google Docs), user management - we’re prepared for your whole team!
Instead of endless emailing, everyone can comment directly on the design.
No need to check for feedback every minute - UXPin will send you an email if there’s anything new.
From basic sharing via linking (bonus: password protect), to live presentations with voice-call and screen-sharing.
If you need to export your designs, choose from html (interactions and animations included!), pdf and png formats.
Check out our templates for business model canvas, project model canvas and personas. You can also upload any file in jpg, png, doc, ppt and pdf format.
UXPin is a complete design platform. We let your team easily design, collaborate on, and present interactive wireframes and prototypes
Organize your prototypes with Layers
Our Layers help you organize all elements on the canvas and give you a master view on all that's in there.
Once you've got it all in place, it's easier to regain control. Layers give you more power to work on multiple elements, see them in order from top to bottom and arrange as you wish.
Advanced Interactions and Animations
A powerful tool for hi-fidelity designs and basically for any job where you want to show how things interact, behave and should feel to the user.
You can bring your canvas to life with a vast range of interactions and animations for outstanding results – without a line of code.
Styling Images on the Spot
We give you an easy and stylish way to enrich prototypes with any photograph or graphic design you like.
Just pick a picture, drag&drop into the UXPin editor and make it look awesome with options like: brightness, contrast, saturation, vibrance, sharpness.
Amplify your message with the right typography. Create a style that stands out.
Over 100 fonts, inline editing, and all the important text styling options.
Beautiful Colors, Custom Gradients
Every designer has a different way of choosing the right color to get the job done. So we packed in more beautiful ways for you to select a color than the standard color pickers you’ve been using for years.
And when you’ve found a color you love, just click the heart next to the color preview and we’ll save it forever.
In design, the background is as important as the foreground.
The Background Editor gives you all the options to fill the background with an awesome pattern - all in the same tool where you keep your prototype.
Responsive Design Ready
When your design is rotated or re-sized, see how it responds. Choose a standard break point or set your own to create new versions. Preview each version or visualize how the design responds when re-sized.
Try the new Prototyping experience in UXPin. No credit card required.