Tag: updates

The Most Accurate Specs for Sketch on the Market

You asked, we listened. UXPin just unleashed the mother of all Sketch plugins. Now you can get the most accurate specs and code snippets available on the market for all of your Sketch designs. And it works faster than ever.

So, what’s the main reason for this update? Designers often work in Sketch and upload their designs to UXPin to get accurate specs for development and/or gather comments. Historically, our integration has had issues with speed and prototypes being a true match when switched to our platform. We needed to fix this STAT. So we did!

With UXPin’s new Sketch plugin, you can:

  • Get specs and code snippets for any element, even deeply nested
  • Import your Sketch files with all layers preserved for spec and collaboration
  • Generate assets for different platforms (iOS, Android, Web)
  • Export designs in one click between Sketch and UXPin

Full Spec Mode locked and loaded

Now when you create a prototype in Sketch and export it to UXPin for spec/comments, you don’t have to stitch the prototype again. We’ll import this information and link everything together.

If you’re using the UXPin Design System and sync symbols to UXPin and document them, we’ll present this information (documentation from Design System) on Spec as well. We’re also maintaining all the overrides for symbols from Sketch files. Gone are the days of time-consuming redlining of mockups. A new era of smoother collaboration between designer and developer has begun.

Spec mode for Sketch files

100% accuracy when you import from Sketch → UXPin

Yup, you read that right. Keep in mind that this is only single-directional for the time being. You can’t send these imports back to Sketch while maintaining that accuracy. We’re working on the ability to edit text on your Sketch imported designs in UXPin, so stay tuned. In the meantime, you can either:

  • Complete your designs in Sketch, then bring them into UXPin for prototyping and collaboration
  • Design completely in UXPin

100% accuracy when you import from Sketch to UXPin

UXPin users may have noticed some recent releases in the tool. We added more high fidelity design capabilities and have gotten great feedback about our new pen/path tool. You can do almost everything in UXPin that you can do in Sketch (except for masking, but we’ll add that too!). The biggest reason for some of the disconnect is that Sketch is vector-based, and UXPin is code-based.

We chose this path because there are many benefits of code-based design for both designers and developers, including:

  • The most realistic fidelity
  • The same constraints for both parties
  • Interactive components instead of artboards
  • The most powerful interactions
  • The strongest collaboration between design and code

Asset export for different platforms

Now you can generate and export assets from Sketch designs in appropriate sizes for all your iOS, Android and Web projects.This has been a frustration for our users, but no longer! As for most of our features, keep in mind that you need to be connected to the Internet to export things out of UXPin.

New export feature for various file types and platforms

How can you start using this right away?

  • Already have the Sketch plugin? Simply update it
  • Don’t use the Sketch plugin yet? Download it in your UXPin account (available in the ‘integrations’ panel and linked from the main dashboard when users create a new project)
  • Don’t have either? It’s time to…

Join the world's best designers who use UXPin.

Sign up for a free trial.

10 UXPin Product Updates You Might Have Missed

And now they’re here! From user requests to new features, big and small, we’ve shared some of UXPin’s updates from the last twelve months in one concise form.

 

1. Shadows

You can easily add shadows to the elements and customize their color, opacity, and relative position. It’s possible to combine multiple shadows together or create only inner ones. This heavily requested feature is available to all users.

2. Pen Tool

Use Pen Tool to draw shapes and icons directly in UXPin. Any drawn element can be viewed in spec mode and downloaded as an SVG. Creating custom icons and adding them to your design library has never been easier!

3. Tokens for Design Systems

Imagine this: your developers can have access to rich information with just one URL, opening possibilities for ultimate design consistency.

Now you can easily export your color and typography styles, as well as their full documentation, to JSON. For quicker exporting, you can use other popular formats including YAML, CSS, SCSS, LESS, and STYLUS, but without documentation.

4. Copy-pasting styles and interactions

Say no to tediously re-making interactions. You can now copy-paste them to elements with just a few clicks! You can also quickly apply entire styles (including color and typography) from one element to another, saving you so much time.

5. New pricing

We are excited to share that we now offer four different plans (starting from $9/month) with a variety of features tailored to your needs. Whether you’re working on a small project or with a complex design systems, we’re confident you’ll find the right fit among our new plans.

6. Resizing panels and UI redesign

Our UI has seen numerous iterations, but after our latest redesign we’re really proud of it. Not only is it slicker and more intuitive, but also it freed up a lot of screen space. We’ve also given you the freedom of customization — it’s possible to resize panels and toggle UI theme from light to dark. Great for contrasting your prototypes!

7. Performance updates

2017 was a year of constant performance improvements. Team dove into javascript and made dozens of micro-optimisations. Overall, we’ve decreased loading times by 30%, preview has become significantly stable, and complex design systems are scrolling smoothly. 2018 is no different and further upgrades are planned and scheduled.

8. In-app changelog

It was easy to lose track of our constant updates. Not a week passed without a deploy that addressed requests we heard or fulfilled our roadmap. With our in-app changelog, you will be notified every time an important feature or update is released.

9. Pasting from clipboard

The ability to paste an image directly from your clipboard into UXPin allows you to save precious time and makes prototyping even faster. Copy the image, paste it to UXPin, add interactions, send it to a client — a mockup is born!

10. Math operations

You can use basic math operations to determine the size or position of your elements. It’s also excellent when calculating proportions on the fly.

One more thing…

Last but not least, we’ve just launched our brand new desktop application. It has all the tools from the original browser version, in addition to some added improvements. Because it’s right on your desktop it’s always at hand — just one click away from your Dock or Taskbar. Having dedicated processes makes it faster and more reliable as well as uninterrupted from plugins and browser distractions.

You can get the latest versions here: MacOS, Windows.

 

Join the world's best designers who use UXPin.

Sign up for a free trial.