Learn how to customize the UXPin Editor using the View Options dialog box.
- [Instructor] If you are new to UXPin, you would think clicking the View button, right up here in the upper corner, would let you view the project. Mm-mm, not quite. This button refers to what you are viewing, which is the interface. So, when you click it, you're going to get the View Options dialog box. And what this allows you to do is to basically customize the UXPin interface to your way of doing things. Over here on the left, for example, the Screen modes allow you to just choose what you want to see on the screen.
So, if you just want to see the Styles panel, select it, just click, and you'll notice everything is gone, and the Styles panel is over here. Now, there's a view here called Zen. What Zen does is kill all the panels on the screen, so you're just looking at the Canvas. And then you're going to see a little prompt that appears at the top of it, saying press the Escape key to get out of Zen view. And when you press the Escape key, all of the panels come back. Another pleasant surprise can be found when you select Show grid, which is over here with the Grid global settings.
Select it, come on over here, and you'll notice, you've got a grid. Now, the other cool thing about this is, is if you come over to the Canvas properties, you can set your own Grid values. And if the width of the Canvas is to remain Fixed, right there, select it. And you can also add Columns. Now, be careful with Fixed width because the values assigned will be applied to any of the breakpoints in the document. The Grid settings are pretty self-explanatory, and I would suggest leaving the Smart Guides selected.
They are a great alignment aid. Finally, it is the little things that I really appreciate, and one of them solves an irritation that I suspect many of you will have encountered. You're working on a screen and need a bit more real estate. Constantly turning panels on and off is irritating. Now, if we come to the View panel, and you select Hide sitemap and assets panel, you come here, everything disappears. But if you roll over it, it comes back.
Like I said, it's the little things that count.
- Importing artboards from Photoshop and Sketch
- Adding interactivity
- Adding animations
- Designing responsive sites
- Sharing prototypes with stakeholders
- Creating image carousels
- Create slide-in menus