Skip to main content

How to import an Adobe XD prototype

Sean Kinney
  • Updated

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:

  1. In Adobe XD, go to Plugins > Discover Plugins... in the top menu to browse their plugin catalog or click the plugin icon xd_plugin_icon.png in the left sidebar and then click the + button
  2. Click the magnifying glass icon to bring up search
  3. Search for Maze as shown below
    xd_plugin_search.png
  4. Click the Maze tile to bring up the plugin details
    xd_plugin_record.png
  5. 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:

  1. Open the XD prototype you'd like to import into Maze
  2. Go to Plugins > Maze.design in the top menu to open the plugin directly or click the plugin icon xd_plugin_icon.png in the left sidebar and the click Maze
  3. Click Sync screens with Maze to generate an import link that will look something like adobexd/mip/57dbd1e2-9929-4403-bad2-9ed7abc1234a
    xd_sync.png
  4. Click Copy prototype link to copy the link to your clipboard
    xd_link.png

Importing your prototype into Maze

Once you've generated your prototype link from the plugin in XD, you can import it into Maze:

  1. Log into Maze
  2. Click the New Project button in the upper right
  3. Paste the link you copied into the "Prototype link" field in the right-hand User Testing project form
  4. 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:

  1. Open the XD file in question that has changed
  2. Go to Plugins > Maze.design in the top menu to open the plugin directly or click the plugin icon xd_plugin_icon.png in the left sidebar and the click Maze
  3. Click Resync screens with Maze to refresh the screens
  4. Log into Maze and navigate to the project and maze you want to update
  5. Click the Refresh my prototype link in the upper right to fetch the changes you just made
    xd_maze.png

Related articles