Skip to main content

Importing a Figma prototype

Sean Kinney
  • Updated

If you use Figma to design and build your prototypes, you can import them into Maze to test your designs with users. Collect actionable design and usability insights to build better products. Simply copy the Figma prototype URL and paste it into Maze to start building your test.

Before importing, we recommend following these best practices to optimize your tests: How to create a Maze-ready Figma prototype

In this article:

Setting the correct share permissions in Figma

To import a Figma prototype into Maze, you will need to set the permissions for your Figma file and prototype to Anyone with the link can view. Otherwise, the prototype preview will not load and testers won't be able to view your prototype in the test.

Password protection

It's not currently possible to import password-protected Figma share links into Maze. Before importing, make sure your Figma share links don't have password protection.

File sharing settings

  1. Open your Figma file.
  2. Click the Share button at the top right corner.
  3. Select Anyone with a link can view.
    figma-share-file.png

Prototype sharing settings

  1. In Figma, click the Play icon in the top menu of your Figma file to enter presentation mode.
    figma-presentation-mode.png
  2. Click Share Prototype in the top right corner to create a share URL.
  3. Set the 'Link Sharing Settings' to Anyone with the link.
  4. Copy the link to your clipboard.
    figma-share-prototype.png

Importing a Figma prototype into Maze

  1. Open Maze and follow the steps to create a project.
  2. Create a new maze inside your project.
  3. To test your Figma prototype, add a Mission block and paste your prototype link.
    maze-builder-import-figma-prototype.gif

That's it! You can now start drafting your test with blocks of missions and questions. Happy testing!

Learn more about the types of blocks you can use in Maze in this short guide to all block types. 

Maze settings

Click the Settings icon on the top right corner to access the maze settings.

Troubleshooting Figma issues

When importing and using Figma prototypes, you might run into certain issues. Follow our advice to ensure your prototype works as expected in Maze. Learn more here: Troubleshooting Figma errors

Still need help?

If you have any questions or concerns, please let our Support team know — we'll be happy to help!

Related articles