Learn how to share an interactive prototype from Adobe XD.
- [Voiceover] Once you have your website designed and prototyped, you can share it with others. In fact, in order to do that, all you need to do is go over here, the upper righthand corner. Click Share Online. From there, you can give it a title, so, in this case. And then I can drop in a thumbnail right here. So in that case, I'll just go to my Desktop into my Assets folder, grabbing a jpeg. Notice that it says it should be 120 by 120, dropping it right in there, and then I can click Create Link. It'll take that entire site, everything that's hooked up, that is, and give me one link that I can send to anyone that I want.
Alright, here it is. We can see the link right here that I can click on. And it will preview it in my default browser. You could see the name right here, the icon. And then everything is going to work as expected as I dive into this. So going back, going to the About page, you get the idea. And really, anyone that has this link will be able to see that content. And another thing you're able to do is embed it. So you can always embed it, say, into a site if you want to show it off and go from there.
You could even start to manage links. So, if you share a link and then maybe that content's out of date or you don't want anyone else to see that content, you can always jump out here and then control access and essentially delete that link. So right in here, you can see this website and some other apps that I have. But in essence, I can delete it and then no longer will that link be available.
This course shows everything you need to know to design your first website with Adobe's new prototyping app. Learn how to lay out a design, import graphics, and add headers and body copy. See how to create complex screen designs with repeating lists and grids that are as easy to change as they are to create. Then find out how to add new pages and use screen elements from the iOS, Android, and Windows UI kits that are built right into Adobe XD. Once the design is done, author Paul Trani shows how to add interactions and transitions to demonstrate how the website will "work" from one screen to the next. Plus, learn how to share a fully interactive prototype with other designers and clients, and export artboards and other assets to use in site development.
- Creating and importing graphics
- Adding text and effects
- Creating new pages
- Using Repeat Grid for easy prototyping of lists and recurring elements
- Adding interactions to elements
- Prototyping an entire website
- Sharing and exporting prototypes