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. Simply copy the Figma prototype URL and paste it into Maze to start building your test.
In this article:
- Setting the correct share permissions in Figma
- Importing a Figma prototype into Maze
- Maze settings
- Troubleshooting Figma issues
Before you start
- Before importing, we recommend following these best practices to optimize your tests: How to create a Maze-ready Figma prototype
- When importing a Figma prototype, you'll see hotspot hints in the build mode preview pane. However, hotspot hinting isn't supported in the full maze preview nor in the published maze, even if you have hotspot hinting enabled in your Figma prototype. This is designed to avoid introducing bias when testers complete the task.
Setting the correct permissions in Figma
Generally, Figma requires access to your entire file in order to load the prototype. This means that you must set the permissions for your Figma file and prototype to Anyone with the link can view. Otherwise, the import will fail. Updating these settings after import will prevent testers from opening the maze.
Learn more about the supported Figma permissions
It's not currently possible to import password-protected Figma share links into Maze. Make sure your Figma share links don't have password protection.
Importing a Figma prototype into Maze
- Open the maze where you want to use the Figma prototype.
- On a prototype test block, click Add prototype. Learn all about prototype testing in Maze
- Paste the URL you copied from Figma and click Import.
- If you want to use interactive components as part of your path, make sure to enable interactive components.
Learn more about the types of blocks you can use in Maze in this short guide to all block types.
Click the Settings icon on the top right corner to access the maze settings (e.g. prototype scale and password protection).
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!