Userbrain works with any prototyping tool, that allows you to share a public link. Simply put, if you can link to it, you can test it.
How to test your Figma prototype with Userbrain
- Open the prototype in the presentation view by clicking on ▶ in the upper right corner.
- Click Share Prototype in the menu bar
- Click the arrow next to the link-sharing settings and choose «Anyone with the link»
- Click the arrow to choose the permissions for link sharing. Choose «Can View»
- Click Options in the menu bar and deselect «Show Hotspot Hints on Click» and Select «Show Resolved Comments»
- Click «Copy link» to copy the prototype's URL to your clipboard and paste the URL into Userbrain
Some more good tips to test your Figma prototype with Userbrain:
Choose The Right Scale Mode
The Scale Mode determines what size your prototype is displayed. The standard setting is «100% - Display at full size» – this displays the prototype based on the full size of the frames.
This may result in a cropped prototype, depending on the frame and screen size of your participant's browser. We recommend choosing «Fit - Scale down to fit«.
Disable Comment Mode
This option enables people to provide feedback on the prototype. As this feature might be useful, if you want to share your prototype with your team or your customers and gather input from them, this option sometimes distracts testers from their task.
Testers won't recognize that this option isn't an actual part of your prototype, And you won't spend valuable time watching a tester explaining Figma functionality to you.
Our suggestion, therefore, is disabling the «Show Resolved Comments« option if you're testing your Figma prototype with Userbrain.
Disable Hotspot Hints
When user testing your prototype, you don't want to influence the user experience by highlighting certain elements to them.
But if the »Show Hotspot Hints on Click« option in Figma is enabled, anytime a user clicks in an area that is not interactive, the areas that are interactive are outlined thus indicating clickable areas.
By disabling the «Show Hotspot Hints on Click« option in Figma, you make sure that you don't interfere with the user experience.
Alternatively, you can add «&hotspot-hints=0» to the URL of your Figma Prototype. This way your prototype will launch with the "Show Hotspot Hints on Click» option disabled.
Disable Figma UI
Occasionally user testers get sidetracked by UI elements of Figma when running through the tests. To launch your prototype without any disturbing Figma UI elements, add «&hide-ui=1» to the URL of your Figma Prototype. This way your prototype will launch without any Figma UI elements like a Login button.