You can use your prototypes from Adobe XD in Maze for testing by installing our plugin and generating a prototype link that can be imported into Maze. This document will walk you through installing the required plugin, generating that link, importing your prototype into Maze, and updating the prototype after you've imported it.
Installing the Maze plugin in Adobe XD
You'll need to install our plugin in Adobe XD to use it with Maze. To do so:
- In Adobe XD, go to Plugins > Discover Plugins... in the top menu to browse their plugin catalog or click the plugin icon
in the left sidebar and then click the + button
- Click the magnifying glass icon to bring up search
- Search for Maze as shown below
- Click the Maze tile to bring up the plugin details
- Click Install to install our plugin
Generating an import link
Once the Maze plugin is installed, you can use it to generate an import link for each of your XD prototypes:
- Open the XD prototype you'd like to import into Maze
- Go to Plugins > Maze.design in the top menu to open the plugin directly or click the plugin icon
in the left sidebar and the click Maze
- Click Sync screens with Maze to generate an import link that will look something like
adobexd/mip/57dbd1e2-9929-4403-bad2-9ed7abc1234a
- Click Copy prototype link to copy the link to your clipboard
Importing your prototype into Maze
Once you've generated your prototype link from the plugin in XD, you can import it into Maze:
- Log into Maze
- Click the New Project button in the upper right
- Paste the link you copied into the "Prototype link" field in the right-hand User Testing project form
- Click Create to begin the import
Once you've done this, you should have a shiny new XD prototype in Maze that you can use to construct a test.
Updating your prototype after import
If you ever make changes to your XD prototype that you need to push to Maze, you can do so in XD:
- Open the XD file in question that has changed
- Go to Plugins > Maze.design in the top menu to open the plugin directly or click the plugin icon
in the left sidebar and the click Maze
- Click Resync screens with Maze to refresh the screens
- Log into Maze and navigate to the project and maze you want to update
- Click the Refresh my prototype link in the upper right to fetch the changes you just made