Get an overview of Adobe XD. Learn how to use it to design, prototype, and share your work.
- [Instructor] Adobe XD allows you to design, prototype, and collaborate with others for anything you want. So it doesn't have to be just an app like this example shows, 'cause you make a website, a custom size item, really anything that you want, which is why I actually want to review this design real fast, just to show you and give you a vision for what you can do in XD. So you can see right in here we actually have a number of elements. And really these are all artboards.
But you can see you can create content for a kiosk, a website, as I scroll down, the tablet view, as well as mobile on down the line, clear down into an app. So really you can use XD to design anything that you want and not only design, as I zoom out, but also prototype. So you can take those designs and if I just select everything, you can see you can prototype for pretty much everything that you want, link those items together and then like I mentioned you can also take this design, for instance, and not only preview, but collaborate with others.
So I can publish this prototype out, in this case, I can view the version that's already published. You could share this with anyone you want, either the art director, other designers, the developer, or even the client, they can add comments. But this is the collaboration portion of Adobe XD. And you can still click through all this content, sure enough, you get what you expect here. And not only that, if you wanna share this with a developer, it's not only collaborating with stakeholders, but also with developers as I publish out design specs.
This will give them the ability to see all the specifics for this design. So collaborating with them and making sure what you design looks exactly as it should as we dive into the final developed version. So right here you can see how everything starts to connect. But if we dive into this, we can take a look at this button and see the size, not only that, we can see this text, everything about the specifics of this design as I collaborate with the developer.
And also, for the developer, you can export out that content for them. Either all their artboards, you can batch export items, do a number of things, really it is totally flexible. And guess what? If you're comfortable working in Illustrator or Sketch even, as well as Photoshop, you can still use those apps and open up that content into Adobe XD and use it to prototype and continue the design as well as collaborate using those designs started in other programs.
So hopefully this gives you a vision for what XD can do from design, to prototyping, to review, to exporting for development, all within one environment.
- What is UX and UI design?
- Transitioning from graphic design to UX and UI
- What is Adobe XD?
- Creating graphics and text
- Adding images and effects
- Using Photoshop with Adobe XD
- Creating multiple screens
- Prototyping interactions and transitions
- Designing for different screen sizes
- Sharing design specs with developers