2018 Wrapped for UXPin: What We’ve Accomplished This Year

Image for post
Image for post

This year was extremely special for UXPin. We explored a new found appreciation for ourselves as a code-based design platform and the endless possibilities that come with that.

If you’ve kept in touch, you know that we launched a lot of features in the past 6 months. It was a lot to keep track of. So without further ado, here’s a summary of the amazing year UXPin has had in 2018.

Desktop app

First up, we launched the desktop version of UXPin. It has all the tools you know and love from the original browser version, in addition to some added improvements:

• Always at hand — one click away from your Dock or Taskbar

• Faster and more reliable — uninterrupted from plugins and browser distractions

• Browser-independent — one app to rule them all!

Image for post
Image for post

Pen tool

Next was our pen tool that lets you draw shapes and icons directly in UXPin. Use it to combine shapes to create more complex ones! Any drawn element can be viewed in spec mode and downloaded as an SVG file.

Private cloud

Security is a top priority at UXPin, which is why we were so excited to finally introduce Private Cloud to our Enterprise users. Experience a faster UXPin with added security layers and your own dedicated database.

Sketch plugin

We’re constantly improving our Sketch integration to make your workflow easier. You can now import your Sketch files with all layers preserved for spec and collaboration! Also, soon you’ll be able to edit all your imported layers in UXPin. Stay tuned for that!

Image for post
Image for post

Variables + Conditional interactions

Variables and conditional interactions make prototyping in UXPin a whole lot more… well, interactive! User testing will be smooth sailing from here on as these new features let you experience your prototype the way it’s meant to be.


You can now upload real data into your prototypes with our new Data feature. Fill your elements with beautiful graphics from our partner Unsplash, upload your own data using JSON, CSV or a URL, or utilize our big database that covers everything from names to credit card numbers.

Image for post
Image for post


Want to create a prototype with a computational component, like a shopping cart, a calculator or validating if a form has been filled? Now you can! Expressions let you use select JavaScript functions to perform operations on variables, such as math, dates, text, etc. — right inside your prototype!

Image for post
Image for post


Our states feature lets you design different versions of any element. One click and you can update any property between every state. To top it off, you can even create animations between states!

Device frames

Now display what your prototype will look like in real life with device frames. Customize the frame and background color when you present it to others! Your stakeholders no longer have to imagine what your design looks like in the context of a real device.

Image for post
Image for post

Contrast analyzer and color blindness simulator

Lastly, we launched the first ever built-in accessibility features in a design tool. In our design editor, specify whether to comply with WCAG 2.0 AA and AAA levels. The Contrast Analyzer will automatically inform you when the text is readable. Also, our Color Blindness Simulator shows your design as perceived by a person with one of eight types of color blindness!


Get excited because in 2019 we’re introducing our new revolutionary technology that truly connects design and engineering for the very first time! Merge lets users import (and keep in sync) coded React.js components from git repositories to UXPin editor. The imported components are 100% identical to components used by developers during the development process. This means that components are going to look and function (interactions, data) identically to the real product experienced by the users. Make sure you sign up for early access here!

Image for post
Image for post

And there it is. Our long list of accomplishments for the year. In 2018, we started to see a growth of interest in code–based design tools, like us. Where others failed to provide powerful and scalable design tooling — we succeeded. Fact: Code-based design brings powerful prototyping and accurate rendering that vector based design will never be able to match.

We’re confident that 2019 is going to be the year of code–based design tools. Catch you on the flipside!

Written by

The design tool for teams and professionals. From UI design and prototyping to collaboration and handoff. Speed it up with UXPin. • www.uxpin.com

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store