UserTesting provides videos of users giving real-time feedback as they explore your website, mobile app, prototype, and more. UserTesting allows you to collect feedback on your Figma prototypes and generate actionable insight from your target audience. Additionally, you can embed and watch UserTesting clips and session videos with the UserTesting integration for FigJam.
Use UserTesting to:
- Evaluate a design using a prototype test, live site test, or navigation test
- Collect feedback when building your website or mobile app
- Run benchmark tests to evaluate design or experiences over time or against a competitor
- Compare feedback on designs with A/B tests and preference tests
- Create omnichannel studies spanning across multiple modes of interaction
- Share clips and highlight reels of the most relevant contributor feedback
Test your Figma prototype
You can test your Figma prototype by using its share link.
Edit share settings for a prototype in Figma
From your design file, select Present in the toolbar.
Once you’re in presentation view, click Share prototype in the toolbar.
From the Share prototype modal, update the access setting to Anyone with the link.
Click Can view prototype to update the permission setting.
Click Options in the toolbar to set how you want contributors to view the prototype.
- Desktop prototypes: Use Fit width
- Mobile prototypes: Use Fit to screen
To avoid confusing contributors not familiar with prototypes, deselect these options:
- Show hotspot hints on click
- Show sidebar
- Show Figma UI
From the Share prototype modal, click Copy link to copy the prototype’s URL to your clipboard.
Set up your test in UserTesting
- Click Create test from the toolbar, then select Create a test from the dropdown menu.
- Select Prototype.
- Select Build audience then Select audience to customize your audience. Select test contributors from the UserTesting Contributor Network or your own.
- Select Build test plan to include necessary context for your testing scenario. You can also adjust settings for the starting URL where contributors will start the test.
Note: For mobile, select the native browser requirement.
- Under Test plan, drag and drop a URL task from the Assets menu on the right.
- Paste your Figma prototype link in the URL field.
- You can add as many tasks as you need after the URL asset. You do not need to specify the URL for every task; contributors will complete the tasks at that URL unless you specify a new URL.
- Use Preview test plan to review the flow of the tasks from the contributor’s perspective.
- Click Done, then Launch test.
Tip: Preview your prototype in an incognito window to ensure that everyone can access it.
Best practices for testing Figma prototypes
- Set expectations: Let contributors know that they will be interacting with a prototype that is not a fully functional site. Not all links are functional, and the prototype may be slow to load. This can be done in the Scenario section of your test plan.
- Optimize your prototype: Not all contributors have high-speed internet and can experience slow load times. A large, heavyweight prototype takes longer to load and can lead to contributors abandoning the test. Consider breaking up testing between prototypes or reducing the size of files.
- Create a dedicated testing file: Duplicate the Figma file containing the designs you want to test. In this newly created file, remove any pages, frames, assets, images, and elements not relevant to testing to ensure a clean and lightweight testing file.
- Set checkpoints: For large, complex prototypes, help the user begin each stage for your test in the right place. Figma supports multiple flow starting points to achieve this.
- Compress images: Before uploading them to Figma, consider compressing PNGs that may result in large file sizes. One option to try is Downsize, a Figma plugin for compressing images.
- Use Smart Animate sparingly: Limit the use of Smart Animate whenever possible to decrease loading time. Opt to use simpler transitions that require less RAM.
- Share your test securely: You can require your contributors to sign your company’s NDA before accepting your test if additional confidentiality is required.
Share results with UserTesting for FigJam
After conducting your test, bring your results to life by embedding UserTesting clips, sessions, and highlight reels directly in your FigJam boards.