{"id":17045,"date":"2019-05-22T06:36:08","date_gmt":"2019-05-22T13:36:08","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=17045"},"modified":"2020-04-22T06:34:42","modified_gmt":"2020-04-22T13:34:42","slug":"uxpin-tips-and-tricks-you-need-to-know-part-2","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/uxpin-tips-and-tricks-you-need-to-know-part-2\/","title":{"rendered":"UXPin Tips and Tricks You Need to Know – Part 2"},"content":{"rendered":"\n

When learning UXPin, it’s good to keep in mind one thing: the devil’s in the details. You get the hang of the basics fast but mastering it is an entirely different story. So if you want to work faster and smarter than anyone else, check out these tips and workarounds. They will fit right into your day-to-day workflow, saving you tons of second that turn into minutes, if not hours.<\/p>\n\n\n\n

1. Change opacity with shortcuts<\/h2>\n\n\n\n

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. Hitting 0 will give you 100%. But if it\u2019s already 100%, then 0 will drop it to 0%.<\/p>\n\n\n\n

\"opacity<\/figure>\n\n\n\n

2. Pan canvas<\/h2>\n\n\n\n

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.<\/p>\n\n\n\n

\"Pancanvas<\/figure>\n\n\n\n

3. Zoom to fit and Zoom to selection<\/h2>\n\n\n\n

Speedup your workflow radically by using these zoom shortcuts, and quickly go from detail to bird view. As shown, 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.<\/p>\n\n\n\n

\"How<\/figure>\n\n\n\n

4. Select within selection <\/h2>\n\n\n\n

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

\"Select<\/figure>\n\n\n\n

5. Resize with keys<\/h2>\n\n\n\n

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 Cmd\/Ctrl pressed? And if you hold Shift, it will resize by 10px.<\/p>\n\n\n\n

\"resize<\/figure>\n\n\n\n

6. Paste image and text<\/h2>\n\n\n\n

Pasting any text from your clipboard right into UXPin will create a text field. This works for images too!<\/p>\n\n\n\n

\"Paste<\/figure>\n\n\n\n

7. Input Math<\/h2>\n\n\n\n

Use math in any field with numbers. You can add, subtract, divide, and multiply.<\/p>\n\n\n\n