Figma Sites allows you to publish responsive websites directly from your Figma designs, and integrating Maze's tracking code enables you to conduct user testing and gather feedback on your live Figma Sites projects.
Install the Maze tracking code on your website
To enable usability testing on your live website, you’ll need to install a unique code snippet that enables this feature to run on your website.
You’ll also be prompted to follow these steps from your draft maze if you haven’t added the code to your URL’s domain yet when creating a live website testing block.
Learn how to install the Maze tracking code on your website
How to add tracking code to Figma Site
Once you have obtained your tracking code from Maze, follow these steps to add the snippet to your code in Figma and use your Site in a Live Website Test:
- Create a new Site in Figma
- Go to Site Settings (⛭) from the left sidebar
- Paste Maze snippet into Start of <head> under Custom code
- Publish Site & copy URL
- Create a new maze and include a Live Website Test block
- Paste URL into block and click Set up
Still need help?
If you have any questions or concerns, please let our Support team know — we'll be happy to help!