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.
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.
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
and click the element you want to select, and forget about the endless double-clicking madness.
You can quickly change the opacity of selected elements using numbers on your keyboard. Hit
to get 20%,
to get 30%, and so on. Pressing
will give you 100%. But if it’s already 100%, then
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
pressed? And if you hold
, 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
to copy it and
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
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
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.
zooms to the selected element while
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.
So you filled your elements with data but want to refresh it? No worries! To do it in the fastest way possible, use the
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
when dragging will change the input value by 10.
Lock or hide all layers
To lock all layers in a group, just hold down
and click on the lock icon. To hide all layers, also hold down
and click on the eye icon – the layers will stay hidden even if you pull them outside the group.
To toggle the visibility of the entire UI, use the
To quickly rename a selected layer, use the
shortcut and start typing.
takes you one layer down and
one layer up.
When moving or resizing elements, you can ignore snapping by holding down