Learn how to create new XD projects using different artboards presets, including Apple device sizes, Google Android device sizes, Microsoft Windows sizes, and web screen sizes, and be able to resize and name them. Also, learn how to create custom artboards.
- [Narrator] The first time you launch XD you get the welcome screen. You can create projects based on presets for phones, tablets, websites or even custom artboard sizes. You have your recent files here on the right. Then you can also access a tutorial and you have access to links that take you to amazing UI Kit. Some created by Apple, Google, Microsoft and others created by Adobe and the community. You can also learn more about resources and release notes right here.
So lets learn about how to work with artboards. So here I'm gonna create one project based on an iOS artboard. And when I do that, I get this artboard that has the iPhone 6, 7 or 8 preset. If you wanna create more artboards, you can use the Artboard tool here on the left. When I click there, I see that the property inspector changes to show you some preset for web, android, iOS devices, watch.
And as soon as you click there, you get the artboard in this case for the iPhone X, the iPhone 10. I can click here to add more. And based on my mouse position, I get more artboards as I click here. Once I have artboards created, I can select the artboard by clicking on its title or I can marquee select them. I can double-click to change the name of the artboard.
Artboard 01. I can also see the artboards on the layers panel here. So I can see that I have all of my artboards there. I can also rename here. Double-click and change the name. I can delete an artboard by selecting it and hitting delete. As any other object I can align my artboards and I get hints as I move the object.
I say these two guys are not aligned. I can select both holding Shift and then align them. Again marquee select the artboards there. And these artboards were created using presets. In some cases, this was iOS 10. Let's say I want to do some slides, I can click there on the Artboard tool and I can pick the web preset. I can do a website here or I can try to use this as a presentation template and I will talk about that in the next video where you can have your presentations created in XD.
And then you can also create custom artboards by clicking there on the Artboard tool. And then you just click and drag to design your artboard. I can change the size here or I can use the property inspector here on the right to change the dimensions of my artboard. Right there. That easy. That's how you can create and manage artboards in XD.
Next, let's learn how to use the canvas and navigate on your canvas using some shortcuts and some tips here in XD.
- Understanding all tools in Design mode
- Bringing files for Photoshop, Illustrator, and Sketch
- Working with text, vectors, image fills, and masks
- Repeating elements with the powerful Repeat Grid tool
- Resizing multiple elements with responsive resize
- Using the new Assets panel to manage symbols, colors, and character styles
- Sharing symbols across files, with text and image overrides
- Creating and consuming bitmaps and vectors from CC Libraries
- Extending the power of XD using great plugins