Adobe XD is a great solution for anyone needing to share design work or prototype workflows with clients, team members, investors, and other stakeholders. Adobe XD lets teams give and receive feedback in one convenient tool.
As part of the Adobe Creative Cloud subscription program, Adobe XD is designed to work with the full Creative Cloud ecosystem, including the popular design programs Photoshop and InDesign.
Adobe XD is a vector-based experience design platform with sharing options that can save designers from the additional step of creating separate prototype versions for web apps, mobile apps, or workflows.
In the past, designers would use a non-interactive PDF file or build in a wireframe tool to share logo designs, website or web app flows, or other creative work. Adobe XD is a time-saving solution and a welcomed addition to Creative Cloud.
Adobe XD is available for macOS and Windows. iOS for iPhone and Android apps help users preview designs on mobile devices.
- The best way to share Adobe XD prototypes
- Sharing multiple flows in Adobe XD Share
The best way to share Adobe XD prototypes
First, let’s discuss the details for sharing Adobe XD prototypes. Just follow these steps:
- Launch Adobe XD and open the current project you want to share
- Make any desired changes before sharing the prototype
- Move to the Prototype tab and add the needed interaction to your mockups
- When your prototype is ready, move to the Share tab
In the Share panel, provide a title for your link and choose the appropriate category for how you want to share in the View Setting panel. You can choose from several share-setting options.
- Design Review. This option lets users solicit feedback on your design or prototype. From this view, shared users can leave comments, insert hot spot hints, and navigate through the design to get a sense of flow and user experience.
- Development. This option lets shared users share prototypes and designs with developers. Like in the design review view, the developers can leave comments and hot spot hints and navigate through the design. Additionally, those with development access can view design specs.
- Presentation. This view is designed for presentation scenarios in which the design is to be shared with stakeholders. Users with presentation access to your shared document can view hot spot hints and navigate through the design. When shared in presentation mode, viewers have access to a full-screen version of the design—providing an optimal viewing experience for presentations.
- User Testing. This option lets users test the design. Users with user testing access can view the full-screen presentation of the design and test it. This is the view designed for quality control.
- Custom. Custom mode lets users select their own sharing access preferences. Users can choose from four options and set permissions according to their specific needs.
Prototype mode options include:
- Allowing comments
- Opening full-screen
- Showing hot spot hints
- Including design specifications
5. Next, select your desired link view option and move to the Link Access menu.
You can manage link options by choosing from the available shared link access options:
- Anyone with the link. A public link that any person can use to view the shared prototype.
- Only invited people. Only invited people can view the shared design. If you share with only invited users, you will have to create the link and choose invitees. Individual users must log in to their associated accounts to view the prototype link. You can also choose if your invitees can invite another reviewer to the prototype.
- Anyone with a password. Any user with both link and password can access the shared design.
6. Once you’ve decided which link-sharing method to choose, click Create Link to generate the link for sharing. You can find the new link at the top of the page. Copy your link by clicking the chain icon where the link appears.
Now that you have the interactive prototype link, you are ready to embed or share it with your team, client, or stakeholders.
Note: If you need to remove the links you have created, open the link drop-down menu from the link settings area, select manage links, and you’ll find the XD website area to manage (delete, update, etc.) your published links.
Sharing multiple flows in Adobe XD Share
Multiple flows can be used when offering interface options on the same project artboard. You may want to isolate specific flow experiences to get feedback on them. For example, you may want to share only a specific buyer journey or sign-up process rather than the entire project.
With Adobe XD, you can select flows that only include those specific paths and share them for feedback. Here are the steps for creating multiple flows in Adobe XD share:
1. Toggle to Share mode.
2. To select the flow, click Label (above the Home artboard).
The accounts artboard prototype is automatically designated as Flow 1. To add new flows, simply choose another artboard to serve as your new flows homepage by clicking the home icon. Once the icon turns blue, your homepage is set for your new artboard flow. To name your flows, just click on the flow name and enter new text.
3. Edit your link title with Property Inspector.
4. Click on the label of the flow you want to share.
5. Move to the Share tab and select the desired sharing option (see details above).
Work as a UX or UI designer using Ndiwano.com
If you’re an independent UI or UX designer looking for freelance work opportunities in user experience design, consider applying for UX positions on Ndiwano.com.
Ndiwano.com is a great place for creative professionals—from illustrators to developers—to find rewarding opportunities to use their skills. Ndiwano.com receives job postings from some of the top brands, offering amazing professional growth opportunities and competitive pay.
Start the process by creating an account using your email, Apple, or Google account. Follow the prompts to answer a few basic questions, create a profile, connect to your LinkedIn profile or add your latest resume, and let your job search begin!