Though most of the work is done in the panels, this review of the Experience Design menu will show you how to access more features.
- [Instructor] In the previous movie, we sort of went through the various bits and pieces here in the interface and I think it's important that we also take a look at the various menus that are available to you here. It's right up here. In you're on a Mac, this is XD, it just gives ya a little information about XD, and if there are Preferences, which right now there aren't, they would be available to you. If you're on a PC, it's at the bottom of the Edit menu. In the File menu, usual choices, New document, you can Open a document, you can Open a Recent document, and then you've got this Open UI Kit, and this is quite familiar if you've been following along because these are available to you right off the start screen.
So you can open a kit and add UI elements for the various devices that you're going to be working on. So if I want to open the Apple IOS kit, all I do is select it and it opens up. I can take the bits and pieces I want, copy and paste into the existing document, 'cause you notice, it didn't close the old one, and wave out, so I would just close that. Speaking of close, you can Close the document, you can save it under a different name using Save As. Export is a little bit different. What it actually does is export the entire Artboard and if you select Export, it'll ask you how you want to export the Artboards, how you want to export them, do you want them to be for Design, for Web, IOS, Android, you can pick multiple choices here.
You can see Export All Artboards, so you can actually just export one Artboard or all of them, and you can also tell it what it was Designed At, and then it will export all the assets on the Artboard at that resolution. Okay, we're going to close that, so we'll just Cancel. Import, is how you bring stuff in. They're a couple ways of doing it and we'll get into that later on. You can Share Online, and basically if you select it, all it does is open this dialog box right here, and it will create the link and all that stuff.
Okay, we're going to close that. Now Manage Shared Links is a rather interesting. If I select it, it will head over to your Creative Cloud account and you can actually access the various prototypes that you've created inside of XD. The Edit menu contains the usual suspects, Undo, Redo, Cut, Copy, Paste, Duplicate, Delete, Select All, where you can select everything on an Artboard or you can Deselect All, which is everything you've got selected, and it's a pretty sparse menu and the main reason for that is that a lot of the functions you would normally find in an Edit menu, are found over here in the Properties panel.
The Object menu allows you to work with objects on the screen. You can Group stuff, Ungroup stuff, you can turn stuff into a Symbol, you can Lock stuff, and boy I'll tell ya this is really, really important, especially if you've got a complex Artboard you want to make sure that you don't move stuff around, so you can lock it. You can Hide stuff, you can do masking, and you can even make a Repeat Grid. Repeat Grid is right here on the Object menu but it's also over here in the Properties panel. The Path, there we go, there are the Path operations right there, those are those boolean's I was talking about.
You can add Text, you can Arrange stuff, okay, Bring Forward, Front, Backwards, Send to Back. You can Align to a pixel grid if you've got the grid turned on, and the Align options are here, but they're also up here, and Distribute is right up in here too. So you got menu items that will also backup the stuff in the interface. The View menu, you could Zoom In, Zoom Out, you've got a Zoom tool right here, and you got it here, so you can do that. You can go to 100%, 200%, you can Zoom to Fit if it's big.
Now, Zoom to Fit All is really interesting, remember, XD gives you the ability to have hundreds of Artboards, and if you really want to see what hundreds of Artboards looks like, in XD, select Zoom to Fit, it will show you all the Artboards, all their links, everything, it's insane, but totally, totally useful. You can go to Full Screen, you can also Switch your Workspace, you can access the Symbol Library, and of course you got Layers showing. So that's the View menu, and the Window menu, basically, how do you handle them.
The really important one is right here, Preview, that's this button right here, so if you can't remember to Preview, you can come up to the Window menu and Preview. So there you go. There are the menus inside of Adobe XD. Rather robust series of menus, they do a lot, they backup a lot of stuff on the interface, so if you can't remember what does what, look for it in the menu.
- Navigating the XD interface
- Using artboards and grids
- Adding content to layers
- Using the Repeat Grid feature
- Adding interactivity to a project
- Exporting content
- Sharing your work
Skill Level Beginner
Q: This course was updated on 11/29/2017. What changed?
A: New videos were added that cover the XD Assets panel, Experience Design symbols, Creative Cloud Libraries, and pinning comments.