Skip to main content

Importing a Figma prototype

  • Updated

Collect actionable design and usability insights to build better products.

If you use Figma to design and build your prototypes, you can import them into Maze to test your designs with users. 

In this article:

Create a testing page

To take advantage of the fast and efficient testing provided by Maze, we recommend creating a dedicated page for testing. This ensures shorter loading times and decreased payload for participants.

Learn how to create a lightweight page to test in Maze

Setting the correct permissions in Figma

File permissions

You must set a supported permission for your Figma file. Otherwise, the import will fail. 

Updating these settings after import will prevent participants from opening the maze.

Learn more about the supported permissions for importing and testing Figma prototypes

figma-share-permissions.jpg

Password protection

Importing password-protected Figma share links into Maze is available to Enterprise plan customers.

Learn more about importing password-protected files

Importing a Figma prototype into Maze

Before you start:

  • To import a Figma prototype, you must have a Figma account.

To import your prototype into Maze:

  1. Open the maze where you want to use the Figma prototype.
  2. Add a prototype test block. Learn all about prototype testing in Maze

  3. Click Add prototype. 

  4. If importing for the first time, or have disconnected Maze from Figma, you'll be prompted for Figma access. Click Continue and follow the flow to login to Figma and Allow access. What Figma data can Maze access?

  5. Review the import instructions and click Continue.

  6. Paste your Figma prototype link. Please ensure that your file permissions are set to Anyone and can view. Learn more about the supported Figma permissions

  7. Once the prototype finishes loading, click Import. 

You can also add other block types to your test as needed—e.g. to include any follow-up questions. Learn about the blocks you can use in Maze

Maze settings

Click the Settings icon in the top right corner to access the maze settings—e.g. prototype scale, maze password protection.

Troubleshooting

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 about 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