How to test your Figma prototype with Userbrain
Open the file. Click the play icon in the top right to enter presentation view.
Click Share prototype in the top right corner.
Open link settings. Select Anyone with the link.
Open Options in the presentation menu.
Disable Show hotspot hints on click.
Disable Show resolved comments.
Open the prototype in a private/incognito window on both desktop and a mobile device to test access. Ensure no key content is cut-off due to sizing and layout issues.
Click Copy link. Paste the URL into your Userbrain test.
Performance tips for reliable testing
Use a clean test file
Create a separate Figma file for testing. Copy only the frames used in the prototype. Remove unused pages, components, and assets.Optimize images
Large images increase load time. Compress images before placing them in Figma. Avoid retina sized images unless needed.
Figma Auto Layout
Use Auto Layout
Auto Layout helps frames adapt to different screens. Content stays visible on smaller devices. Elements stay aligned.Avoid relying on exact device presets
Browser UI and system bars reduce usable space. Designs still get cut off even with correct presets as Figma does not account for device specific screen sizes.
How to turn on Auto Layout:
Figma - Add auto layout to a design
Figma - Explore auto layout properties
Disable Figma features that distract testers
Disable comments
Comments distract testers. Testers explain Figma instead of the product. Turn off Show resolved comments before testing.Disable hotspot hints
Hotspot hints reveal clickable areas. This influences behavior. Disable "Show hotspot hints" or add this string to the end of your URL: &hotspot-hints=0Disable Figma UI
Remove Figma interface elements like login buttons, as this can distract testers. Add this string to the end of your Figma URL link: &hide-ui=1
Troubleshooting common issues
Prototype loads slowly
• Reduce file size.
• Remove unused content.
• Compress images.
Prototype fails to load
• Check link permissions.
• Test the link in a private/incognito window.
• Check Figma server status.
Keeping testers on track with redirects
Add a new task in Userbrain.
Add a new task in your Userbrain test.
Change task type to Redirect
Paste the Figma URL in your Redirect task
Within your Redirect task, explain to the tester where the redirect button will take them.
More information: How to use URL redirects in your test
Learn more in the Figma Help Center:
https://help.figma.com/hc/en-us/articles/360040318013-Present-designs-and-prototypes