UXPin Changelog November 2017 #16

During the first week of November, we’ve released a bunch of small improvements to Design Systems including the following areas: fonts, color picker, and copy/paste for nested symbols.

In the UXPin Editor, we’ve added the possibility to drag and drop layers. We’ve also improved element selection in interactions. Details below.

Design Systems

  • Possibility to copy and paste symbols into a different symbol.
  • Fixed: stretching small images.
  • Improvements to updating text styles in Design Systems Libraries.
  • Fixed: applying text styles in Safari.
  • Font background color is now applied when you drag the style to canvas.
  • Changing the order of colors in Design Systems is reflected in the color picker.

Sketch plugin v4.9.2

This version of our plugin for Sketch comes with improved performance of exports.

Editor

  • Possibility to reposition multiple layers on the layers list.
  • Improved selecting elements when adding interactions.

If you’re interested in what we’ve launched in October, check Changelog #13, Changelog #14 and Changelog #15.

Join the world's best designers who use UXPin.

Sign up for a free trial.

UXPin Changelog October 2017 #15

During the last week of October, we’ve added a bunch of small improvements for Design Systems including a color picker, search and performance optimization.

In the UXPin Editor, we’ve improved deleting guides and added the possibility to choose multiple layers.  We’ve also released a new version of Sketch plugin v4.9.1 that fixes problems with unsuccessful imports to UXPin. Details below.

Design Systems

  • Possibility to add interactions to the particular elements inside the symbol.
  • Added colors from the corresponding Design System Library to the color picker.
  • Improved performance when scrolling a Design System with heavy documentation.
  • Assets uploaded to Design System Library are displayed in the global search (cmd/ctrl+F).
  • Symbols covers are updated in Design System Library when a symbol nested inside the parent is changed.

Sketch plugin v4.9.1

  • Fixed: Unsuccessful import from Sketch removed prototypes in UXPin.
  • Fixed: Problems with opening UXPin editor after importing from Sketch (“Add new page”).
  • Small bug fixes and visual improvements.

Editor

  • An easier way of removing unwanted guides.
  • Improved display of equal distances between the elements.
  • Auto-scrolling to the corresponding layer in the panel when the element on canvas is selected.
  • Possibility to choose multiple layers using the “shift” key.
  • Ability to hide the documentation tab in the Preview mode.
  • Possibility to highlight interactions on the Preview by clicking on the canvas.

If you’re interested in what we’ve launched in October, check Changelog #13 and Changelog #14.

Join the world's best designers who use UXPin.

Sign up for a free trial.

UXPin Changelog October 2017 #14

This week we’ve introduced the possibility to rearrange categories in Design Systems (both documentation, and Libraries), improvements to Smart Guides, nested symbols, and text styles. We’ve also released two versions of our Sketch plugin – v4.8 and v4.9. Details below.

Design Systems

  • Ability to rearrange categories in a Design Systems Library. 
  • Ability to rearrange categories in Design Systems documentation. 
  • Added information that the Design System Library will be deleted with the corresponding Design System documentation.                                          Edit Library
  • [Fixed] Nested symbols causing problems in parent symbols and in Design System Libraries.

Sketch plugin v4.8

  • Assign users with unique viewing and editing permissions for Design System Libraries in Sketch.

Sketch plugin v4.9

  • NEW: Ability to rearrange categories in Design Systems Library.
  • Improvements to the design exports from Sketch to UXPin.
  • Visual fixes and improvements.

Editor

  • [Fixed] Text styles not retaining the font style.
  • Smart Guides show equal-distances between elements when trying to align them on canvas.

If you’re interested in what we’ve launched in September, check Changelog #12 and Changelog #13

Join the world's best designers who use UXPin.

Sign up for a free trial.

UXPin Changelog October 2017 #13

This week we’ve introduced improvements to Design Systems, Sketch plugin, and Editor. Details below.

Design Systems

  • Review the changes while syncing symbol to/from library in the properties panel.
  • Create and manage categories in the Design System documentation.
  • Possibility to drag text styles from Design System Library to canvas.

Sketch

  • After removing a Design System Library in Sketch, clicking undo restores both the library and the corresponding Design System documentation.

Editor

  • Smart Guides show the distance between elements on the canvas.
    show elements between objects on canvas

If you’re interested in what we’ve launched in September, check Changelog #11 and Changelog #12

Join the world's best designers who use UXPin.

Sign up for a free trial.

UXPin Changelog September 2017 #12

Here is a portion of improvements for Design Systems, our Editor, and a release of a new version of the Sketch plugin 4.7.1. Details below.

Design Systems

  • Export design tokens from the Design System in a YAML format.
  • Instantly update all symbols on the canvas with the master version from Design System Library.
  • Update to the master version all the instances of a symbol on the canvas by dragging it from Design Systems Library.
  • Display in Spec Mode information that the given symbol is nested within a different component from Design System Library.

  • Fixed: nested symbols didn’t keep their size after refreshing the editor.
  • Visual improvements for buttons in Design System documentation.

Sketch (Plugin 4.7.1)

  • Plugin update to the newest version of macOS – High Sierra.
  • Fixed: Problems with changing “Uncategorized” name in Design System Library.
  • Fixed: Different order between items in UXPin Design System and Sketch Design System Libraries.

Editor

  • Smart Guides are only stretched between the dragged element and the element it snaps to.

If you’re interested in what we’ve launched in September, check Changelog #10 and Changelog #11.

Join the world's best designers who use UXPin.

Sign up for a free trial.

UXPin Changelog September 2017 #11

This week we’ve released improvements for Design Systems, our Editor, and a new version of the Sketch plugin 4.7. Details below.

Design Systems

  • Added “X” to close the Design Systems Library panel.
  • Replaced “from scratch” creator with an empty Design System.

Sketch (Plugin 4.7)

  • View, use, and edit your Sketch Libraries in UXPin.
  • Use custom proxy configuration for the plugin.
  • Small bugfixes and improvements.

Editor

  • While coping layers, “copy” is not added to the layers name anymore.
  • Ability to navigate through a prototype preview using arrows. Try it out!

If you’re interested in what we’ve launched in September, check Changelog #9 and Changelog #10.

Join the world's best designers who use UXPin.

Sign up for a free trial.

UXPin Changelog September 2017 #10

This week we’ve released improvements for Design Systems, our Editor, and a new version of Sketch plugin 4.6.1. Details below.

Design Systems

  • Ability to add colors with the hex code directly in the Design System Library in UXPin.

Sketch (Plugin 4.6.1)

  • Ability to add colors with the hex code directly in the Design System Library (as in UXPin).
  • Small bug fixes and improvements.

Editor:

  • The zoom level is kept the same when switching between pages.
  • [Auto-naming] Layers inherit names from the text elements and images.

If you’re interested in what we’ve launched in August, check Changelog #8 and Changelog #9.

Join the world's best designers who use UXPin.

Sign up for a free trial.

UXPin Changelog September 2017 #9

This week we’ve released improvements for Design Systems, our Dashboard, and a new version of Sketch plugin 4.6. Details below.

Design Systems

  • Redesign of the “Colors” tab in Design System.

Redesign of the

  • [Fixed] History not handling undo action while editing the symbol.

Sketch (Plugin 4.6)

Important: Plugin update mechanism is handled by Sketch.

  • NEW: View, use, and edit your UXPin Libraries in Sketch,
  • NEW: Easily access corresponding Design System directly from the Sketch Library.

Dashboard:

  • Now, a single click on the prototype name takes you to the Editor (double clicking allows you to change the name).

If you’re interested in what we launched in August, check  Changelog #7 and Changelog #8.

Join the world's best designers who use UXPin.

Sign up for a free trial.

UXPin Changelog September 2017 #8

UXPin changelog is our weekly series on all changes, improvements, and fixes we released the past week. If you’re interested in what we launched in August, check  Changelog #6 and Changelog #7.

Design Systems

  • Adding multiple elements to the Design System Library automatically creates a symbol out of them
  • Ability to add the same text style to the Design System Library multiple times 
  • Improved scrolling performance in the Design System Library (left – after, right – before)
  • [Fixed] Spec Mode not showing proper size of the symbol

 

Join the world's best designers who use UXPin.

Sign up for a free trial.

UXPin Changelog August 2017 #7

UXPin changelog is our weekly series on all changes, improvements, and fixes we released the past week. If you’re interested in what we launched in August, check  Changelog #6 and Changelog #5.

Design Systems

  • Ability to change Design System name while creating it from scratch.
  • Adding custom pages to Design System documentation.
  • Top bar and left menu redesign.
  • Editing text styles and symbols – delete items and change names from Design Systems documentation.
  • Ability to get autogenerated specs for every UI pattern in Design System.
  • Ability to sort, rename and delete text styles and UI patterns.
  • [Performance] Extensive Design Systems (such as this one) loading time improvement.

Symbols

  • [Fixed] Copy/paste groups with symbols between prototypes.
  • Deleting documentation when the symbol is removed from DS documentation.

Sketch (Plugin 4.5)

Important: Plugin update mechanism will now be handled by Sketch.

  • [Fixed] Issue with grouped symbols not being added to Design System Library.
  • [Fixed] Applying gradients to elements from Design System Library.
  • [Fixed] Adding radial and angular gradients to Design System Library.
  • [Fixed] Issue where elements with fractional dimensions were not rounded properly when exported to UXPin.

Join the world's best designers who use UXPin.

Sign up for a free trial.

UXPin Changelog August 2017 #6

The changelog is our weekly post series on all changes and improvements, and fixes we released last week. If you’re interested in what we launched already in August, check last week update.

Design Systems Librieries

    • Reorder items in Design Systems and Design System Libraries with drag and drop.
  • Additional ways of presenting colors and assets in Design Systems for Sketch Design Libraries. Show colors as tiles or stacked and show assets thumbnails in one of three sizes: small, medium or big

Preview

  • [Performance] Lazy loading of comments to improve the overall experience while working with lots of comments.

Editor

  • Added ability to rename prototype inside Editor

Join the world's best designers who use UXPin.

Sign up for a free trial.

UXPin Changelog August 2017 #5

The changelog is our weekly post series on all changes and improvements and fixes we released last week.

Design Systems

    • Ability to edit Design System Libraries items from the Design Systems documentation:
      – add or remove a color or an asset or change its name
      – change the category name
    • Ability to simulate interactions for UI Patterns in the Design Systems documentation.

Design System Libraries (Sketch plugin v4.4)

    • Ability to change the order of the items in Design System Libraries.
  • [fixed] Newly added Libraries are by default visible on the list.
  • [fixed] Optimized assets size in the Design System Libraries.
  • [fixed] Symbols added to the Design System Libraries will be stored with their shared styles.

Symbols

  • Symbols lock improvements: lock dimensions of a symbol/group are ignored during resizing.
  • [fixed] Symbols are shown in search results in the Editor.

Security (Enterprise only)

Enforcing password to Prototypes Preview: only account owner can turn this feature on/off. Now the account owner can generate passwords for all prototypes, new and already created.

Join the world's best designers who use UXPin.

Sign up for a free trial.

UXPin Changelog July 2017 #4

Since our Design Systems launch, we have been working on a few major and many minor product improvements. Below you can see what our team achieved over the last six weeks.

Design Systems

  • Additional ways of presenting colors and assets in Design Systems
  • All assets can now be downloaded at once
  • Design System documentation is presented on separate pages instead of one. You can check how it works in the UXPin app
  • Additional styling options in Design Systems documentation
  • (Performance) Optimizing thumbnail size for Sketch imports
  • (Performance) Loading time improvements for Design Systems with many assets

Design Libraries

  • Ability to move items between categories in Design System Libraries with Drag&Drop
  • Ability to show and hide Design System Libraries using shortcuts (cmd+L for Mac and ctrl+L for Windows)
  • Design System Libraries panel in Sketch remembers its last position and size, even on different resolutions
  • New Libraries are visible by default
  • Color picker shows colors from the last opened Design System Library

Symbols

  • Ability to apply/clear single overrides for symbols. Now, when you have multiple overrides in a symbol, you can select overridden element inside the symbol and choose the desired action
  • Cloning symbols (basically it’s duplicating and detaching at the same time)
  • Detach button is inactive when the symbol was already detached
  • Improved way of resizing nested groups and symbols
  • Enhanced flow for deleting symbols: local properties of a symbol are cleared after deleting the last instance of the symbol from the canvas. Once you drag the symbol from the Design System Libraries again, it’ll have its original form.

Preview

  • Page scrolling is now running at 60fps (unfortunately, due to browsers technical limitations, at the moment it’s not available for pages containing sticky position elements, with zoom set at 100%)
  • Removed memory leaks when changing pages

Join the world's best designers who use UXPin.

Sign up for a free trial.

Four Ways Of Making Your Wireframing Job Easier!

Is it even possible? Well… YES! We did a lot of listening and thinking lately and now we can proudly present four new features that will make your job easier and faster! So, let’s cut the chit-chat.

Feature One – Context-Sensitive Menu and the Properties Tab

After years of using non-web-based prototyping tools such as Axure, I am accustomed to right-clicking on elements and this is one area that unfortunately the limitations of the medium created some difficulty – right clicks within Chrome, for example, result in the Chrome popup window rather than any context-sensitive menus for JustProto itself.  It wouldn’t be fair to criticism JustProto for this, however, as it’s a limitation that applies to all web-applications but I felt that because the interface is just so, well, slick, I kept forgetting that it was a web-app at all. – John Clark wrote reviewing JustProto.We took his words very seriously and decided to make a change. After all, people are creatures of habit ;) That is why, from now on, right clicking on the workbench or elements will show a brand new context-sensitive menu!

Also, when you click on any of the elements, the properties tab on the right will show up automatically. Small but significant improvement – saves two clicks before changing the element’s properties. :)

Feature Two – Grouping

You build this amazing wireframe, there’s a gallery there with 10 pictures. After you set it up, when everything’s ready, you need to resize the images to fit 4 new ones. And now what? Resize of all elements is long and can set you back. Resize one and then delete the rest and copy/paste? I don’t think so! From now on, the problem is gone. Grouping option just arrived to the scene! :) Select elements you need, group them and then resize and move everything the way you need it and how you like it. You can find the Group/Ungroup Options in the new Context-Sensitive Menu.

Feature Three – Fade To Gray

If you want to keep focused on the functionalities of the project and not on its outlook this is The Feature for you! It sometimes happens with the clients – showing them the wireframe is one endless series of questions like: “Why this button is light orange, it should be big and screaming red, and this blue line should be two pixels to the left…” And all the UX stuff is non-existing. Crashing into User Experience Iceberg happens a lot – see presentation by Trevor Van Gorp. Fade To Gray lets you… well… fade to gray everything that takes the attention away from UX and interactions of the wireframe.

Feature Four – Border Radius and Shadow

We added two new properties to the properties tab – Border Radius and Shadow. From now on, if you need shadow and rounded edges in your wireframe’s elements – no problem! Just select the element, set up shadow and border radius you want and need ET VOILA!

Also, a little tip: thanks to border radius you can now add a new shape to the wireframe – circle. Just play with the properties :)

We hope new features will help you make your work even easier and faster than before :) To try out new the new stuff login to your account or create new one.

How customer feedback helps us improve JustProto

Another e-mail from one of the users about JustProto features:
One quick question when we share a preview link with the client can I hide the left pane which shows the pages other than minimizing it.

Thanks, Rakesh

Well, a week ago we didn’t have that option.  Sharing a prototype preview link generated by our wire framing tool gave only the option to show your project with a sitemap and that sometimes could lead to tons of questions like: WHAT IS THIS PAGE I DIDNT ASK FOR THIS I AM NOT PAYING FOR THIS!!!! ;)

Now the problem is gone – you can share your wireframe link with or without the sitemap!

We love to help you make your wireframing experience better and better all the time. If any of you guys have another great idea on how to improve JustProto for you just drop us a line here!

Thank you Rakesh for the suggestion!


Check the new feature at work!