Learn how to share an interactive prototype from Adobe XD and also comment, as well as resolve comments.
- [Instructor] The easiest way to share a prototype from XD is this button right up here. Sure enough, it's even called Share. As I select it, it's going to mean publishing a prototype out to the web. So all you need to do is give it a title, so Colorado Fourteeners. Notice how I'm going to allow for comments, and then just Create Public Link. So this is going to take all that content and publish it out to the web at a specific URL.
All right, here it is. Colorado Fourteeners, I'm going to select Open Link. Sure enough, this is the unique URL. This is kind of like Dropbox, for instance. And it gives me this URL that can be shared with anyone, and sure enough, I can see this initial homepage. I can click through the different pages, so I can see the alternate right here, but what I really want to do is interact with this. And let's just say I don't know where to click. If I happen to click on that background, it actually highlights the hot spots.
So when you send this to your client or manager, they know where to click. As we dive into Peaks, we can see that smooth transition. We can scroll down, select Torreys Peak. And again, just going through these different interactions. And what you can also do is comment on this content. So imagine if, for instance, I am your client. The client could say hey, you know what? This isn't bad, you know. Say, I like it, can we try a different image here? So I'm saying here, where is here? Well, I could pin that to the background right there.
Okay, so I could just pin that comment right there. Can we try a different image here? So that's essentially what your client would say. I love this, because you're going to get a notification on it, and you can follow up with that as well. So with that done, I can close that and come over here, back into XD, I can select this image, and it's just a matter of replacing this, and I'll show you what happens when I do that. Let me go grab another image.
Let's say, for instance, grab this image right here. Maybe we want to have a different image, just a more sort of people-friendly image. And that's all I've done, is I've just made, actually, a pretty big change. Let's go to Publish Prototype. Now I can make a new link or I can update the link, and that's exactly what I want to do, and that's what's happening now. Opening that link. You can see right here, for the comments, you can see the updated image, and right here, in reply, in this case I'm replying to myself, but really anybody with this link can add comments, all right? It just might not know their name, of course, if they're not logged in.
Say better, you know, and then they would ultimately say yes, fantastic, and that's how information gets tracked, and not only that, you can resolve this, so once they say hey, looks fantastic, you can just select Resolve to resolve those comments. They will still be there, but they're actually resolved. So pretty fantastic. What you can do when it comes to sort of taking content that you've created and a prototype and sharing it with others, and then also getting their feedback through comments all through Adobe XD.
- Using the Adobe XD workspace
- Creating and importing graphics
- Adding text and effects
- Creating multiple screen layouts
- Designing for mobile
- Repeating elements using grids
- Prototyping a single interaction
- Prototyping an entire website
- Making content scroll
- Recording a video of interactions
- Sharing prototypes
- Exporting artboards and assets