Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll

Prototyping with Adobe XD

Preview

Start a free Courses trial
to watch this video

Sign up for Treehouse

Sharing Designs

3:28 with Nick Pettit

A design is only good if you can share it with other people. Adobe XD offers a streamlined approach that allows you to create a shareable link via your Creative Cloud account.

Get Adobe XD

Adobe XD Plans - Adobe XD is available as part of Adobe Creative Cloud in both free and paid memberships. Any edition of Adobe XD (including the free plan) will work with this course. Follow this link to review plans, create an Adobe Creative Cloud account, and download Adobe XD.

Resources

Image Files - These are the image files we'll use throughout this course. Download this file, unzip it, and look for the photos folder.

Related Discussions

Have questions about this video? Start a discussion with the community and Treehouse staff.

Sign up

    Related Discussions

    Have questions about this video? Start a discussion with the community and Treehouse staff.

    Sign up

    A design is only good if you can share it with other people. 0:00
    Adobe XD offers a streamlined approach that allows you to create a shareable link 0:03
    via your Creative Cloud account. 0:09
    In the upper right corner just to the right of the Desktop Preview button 0:12
    is the Share button. 0:17
    If you click it, you get a few options. 0:20
    We want to select Publish Prototype. 0:23
    You can change the title if you want or leave it as is. 0:28
    All the default settings for 0:32
    this are fine, we want people to be able to comment. 0:34
    We don't need to open it in full screen. 0:39
    We want to be able to show people where they can click, 0:42
    which are the hotspot hints. 0:46
    And we don't need a password, although you can add one if you choose. 0:49
    Then click Create Public Link. 0:54
    This will take just a moment because it has to upload 0:57
    your design to your Creative Cloud account. 1:00
    When it's done, you can copy the link to your clipboard by clicking the Link 1:03
    button, or you can click this icon to open it in a browser. 1:08
    This will open a new browser window with your interactive prototype. 1:16
    You can scroll up and down, just like before. 1:20
    And if you click anywhere outside of the Book button, 1:24
    it will highlight to show you where the clickable areas are. 1:28
    So we can click that Book button. 1:33
    And of course, we can click a Back button. 1:36
    And we still get nice transitions like before. 1:40
    On the right side, we can add comments. 1:43
    I'll make a generic comment right now, like this design looks great! 1:48
    And then I can click Submit. 1:58
    And other people you share the link with can write comments as well. 2:01
    However, you can also write comments that are associated 2:06
    with a specific part of the design. 2:10
    I'll type out a comment about the logo, maybe something like, 2:12
    We'll need to add a logo here later. 2:18
    And then I can click the Place a pin button, and 2:24
    drag this over to where the logo is located, and 2:31
    click to place the pin, and then hit the Submit button to add the comment. 2:36
    Now people can click on the pin and see which comment it's associated with. 2:42
    And since I'm the one that wrote the last comment, 2:49
    I can also move this pin around if I need to. 2:52
    Adobe XD is a really great way to share interactive prototypes and 2:57
    collaborate on user experiences because it goes beyond just visual design. 3:01
    Not only can others see the intended interactivity, 3:07
    they can actually add commentary and feedback to specific areas. 3:11
    It removes a lot of ambiguity that can come in between the design and 3:15
    development phases of a project. 3:20
    And it can save time and reduce costs by catching the UX problems much earlier. 3:22

    You need to sign up for Treehouse in order to download course files.

    Sign up

      You need to sign up for Treehouse in order to set up Workspace

      Sign up