Author: UXPin

UXPin is a web-based design collaboration tool. We’re pleased to share our knowledge here.

UXPin Changelog November 2017 #18

Over past week and a half, we’ve released several improvements to Design Systems, Editor, and overall app usability.

Sketch plugin 4.10

  • Updating colors and assets in Design System and Design System Library.
  • Creating Design System straight from the Design System Library panel.
  • Alignment issues for graphic elements imported from Sketch.
  • Hidden layers from Sketch are no longer exported as empty.
  • Symbols created in UXPin no longer disappear after re-sync with Sketch.
  • Sketch pages are no longer exported as empty parent pages in UXPin.

Design Systems

  • Ability to edit colors and assets in Design System Libraries and Design Systems.
  • Auto-adjustment of the Design System Library panel when switching from bigger to smaller screens.
  • Ability to create a Design System from the Design System Library panel. In the edit mode, the button will appear at the top right corner of a DSL window.
  • Button to update assets and text styles in Design System Library and DS is now shown on hover.

Editor

  • Automatic constraints for elements inside groups or symbols. The resize properties are set automatically in relation to the position of other elements inside that group.

Our Customer Experience team has released new a “Go to project” button:

  • Removed the “Back to Dashboard” button from the project folder. Now you can navigate to the list of all Projects/Groups by clicking on “Projects” tab in the Dashboard.
  • Updated “Go to Project” button on Preview and in the Editor.

If you’re interested in other improvements we’ve released in November, check Changelog #17.

Join the world's best designers who use UXPin.

Sign up for a free trial.

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 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.

How to Quickly Animate a Photoshop Mockup Into a Prototype

Moving a user from one place to another in your app shouldn’t be like an afternoon stroll with no particular destination in mind. There is a goal for both you and your users. And you’re trying to move them as effortlessly through your app as possible.

With that, you’ve likely mapped out as many potential flows for your users. You’ve likely even mocked them up visually in Photoshop. But it’s not enough to create a series of static screens to illustrate a flow — say filling out a contact form — then expect them to work.

You’ll want to see it in action. In this post, we’ll show you how to create an interactive user flow so you can give it a test drive.

Continue reading How to Quickly Animate a Photoshop Mockup Into a Prototype