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
- Setting the correct permissions in Figma
- Importing a Figma prototype into Maze
- Importing using the Figma plugin
- Maze settings
- Troubleshooting
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
Password protection
Importing password-protected Figma share links into Maze is available to Organization 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:
- Open the maze where you want to use the Figma prototype.
- Add a prototype test block. Learn all about prototype testing in Maze
- Click Add prototype.
- If importing for the first time, select Figma as your default prototyping tool.
- Review the import instructions and click Continue.
- 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
- If importing a prototype for the first time, or have disconnected Maze from Figma, you’ll be asked to log in to your Figma account and allow access to Figma. What Figma data can Maze access?
- Once the prototype finishes loading, click Import. Alternatively, if you’re trying to import a very large page, you can import via the Figma plugin instead. Learn more about importing large pages with the Figma plugin
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
Importing using the Figma plugin
The Maze plugin in Figma makes it faster and more reliable to import very large Figma pages into Maze.
Learn more about the Figma plugin
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!