Tips and Tricks

When learning UXPin, the little things and workarounds can speed up your design process big time. So if you want to work faster and smarter than anyone else, take a deep dive into our design tips and tricks. They will fit right into your day-to-day workflow, saving you tons of seconds that turn into minutes, if not hours.

Pan canvas

Holding Space and dragging will pan canvas. This comes especially handy for quick navigation around the canvas when looking at the design from up-close.

Deep click

Groups clear things up but you often have to click like crazy to select a nested element. Well…not necessarily! The trick is to hold down Ctrl and click the element you want to select, and forget about the endless double-clicking madness.

Change opacity

You can quickly change the opacity of selected elements using numbers on your keyboard. Hit "2" to get 20%, "3" to get 30%, and so on. Pressing "0" will give you 100%. But if it’s already 100%, then "0" will drop it to 0%.

Resize with keys

You probably know that you can nudge an element pixel by pixel with arrow keys. But did you know that you can also adjust its size using the same arrows but with Ctrl pressed? And if you hold "Shift" , it will resize by 10px.

Crop and scroll

In UXPin, there’s a simple way to make parts of your prototypes scrollable either vertically or horizontally. Group the content first, then select Crop selected content in the Properties panel and check Vertical or Horizontal scroll or both.

Copy and paste styles

After creating a layer style, you might want other layers to have the same style too. Luckily, there’s no need to recreate everything from scratch — use Ctrl Alt "C" to copy it and  Ctrl Alt "V" to paste it on to those layers.

Select within selection

Things can get tricky when there are several elements that overlap and you only want to select one — typically you end up grabbing other elements along the way. To solve this problem, hold Ctrl when making your selection. It works like a lasso and only scoops up the elements that are entirely contained in the selected area.

Copy and paste interactions

With interactions, things work the same. To copy all interactions from one layer and paste them on to other layers, use Ctrl "Shift" "C" and then Ctrl "Shift" "V" or do it from the context menu where you can also copy a single interaction.

Zoom to fit and zoom to selection

Speed up your workflow by using these zoom shortcuts, and quickly go from detail to bird view. "Shift" "2" zooms to the selected element while "Shift" "1" scales and positions your view to show the entire design. This also gets useful when you want to go to an element selected in the Layers panel without the need to endlessly scroll through the canvas.

Refresh data

So you filled your elements with data but want to refresh it? No worries! To do it in the fastest way possible, use the Ctrl "Shift" "D" shortcut and watch your elements fill out with new content. Just remember - this shortcut works only with data generated by our Data feature.

Drag label to change values

There's a faster way to change input values than typing – you can just drag the label to increase or decrease the value. Holding down "Shift" when dragging will change the input value by 10.

Lock or hide all layers

To lock all layers in a group, just hold down Alt and click on the lock icon. To hide all layers, also hold down Alt and click on the eye icon – the layers will stay hidden even if you pull them outside the group.

Hide UI

To toggle the visibility of the entire UI, use the Ctrl "\" shortcut.

Rename layers

To quickly rename a selected layer, use the Ctrl "R" shortcut and start typing. "Tab" takes you one layer down and "Shift" and "Tab" one layer up.

Ignore snapping

When moving or resizing elements, you can ignore snapping by holding down Ctrl .