|
Figma task, integrated with UserTesting, enables UX researchers, designers, and product teams to seamlessly test Figma prototypes and gather actionable insights, ensuring designs are user-centered and validated before development. This article covers the setup process, usage instructions, and tips to maximize its value. |
This article applies to: UserTesting
On this page:
Key features
- Connect prototypes: Easily import public Figma prototypes into UserTesting for testing.
- Define success paths: Set up key success paths to evaluate how well users navigate your designs.
- Actionable insights: Receive relevant, designer-friendly results to improve your prototypes
Connecting your Figma account
- If this is the first time you’ve used the Figma integration, you may be asked to authenticate your account.
- UserTesting only accesses the information within the prototypes you connect.
- You can also revoke or grant access at any time from the Settings page.
- Once connected, you’ll be able to connect a prototype to the Figma task.
To enable the Figma integration from the UserTesting platform, follow these steps:
- Click the Create test button, then choose Interaction test.
-
On the left side, click Add, then choose Figma task.
-
Click Connect prototype.
-
Select Connect account.
-
Sign in to your Figma account.
-
Grant the requested permissions. This allows UserTesting to access your design files for testing only.
Note: Learn more about what details UserTesting needs from Figma and how we use that data.
Getting started
1. Prepare Your Figma Prototype
Before importing your Figma prototype, make sure:
- The prototype is set to "Anyone with the link can view."
- Interactive elements (clickable areas, transitions, etc.) are properly defined within Figma.
2. Draft an Interaction Test and add Figma Task
- Navigate to test creation flow in the UserTesting app.
- Select Interaction Test
3. Add Figma Task to the Interaction Test
4. You have two options to enable the Figma integration:
During test creation
-
When you’re setting up a new test, you’ll see an option to connect your Figma prototype.
-
Connecting lets UserTesting access your Figma prototypes, however you still need to visit the site to obtain the link.
From the Integration Settings page
-
You can also go to Settings > Integrations in your UserTesting account.
- From there, you can link your Figma account ahead of time for quick access when building tests later.
5. Define the success path
Identify the critical actions or steps users should complete in your prototype.
Highlight these steps in the success path setup to guide participants and evaluate their performance.
6. Add follow-up tasks or questions to get additional information about the prototype
- Focus on your prototype’s key goals, such as:
- “How easy is it to complete [specific action]?”
- “What are your first impressions of the design?”
- “Did you encounter any challenges navigating the prototype?”
7. Choose your audience
- Select the audience segments that align with your target users.
- Customize demographic filters if needed to get the most relevant feedback.
8. Launch your test
- Review the test setup in preview mode to assess and experience how the participant will interact with it.
- Review your test setup and launch it to gather feedback.
- Discover more about analyzing results here.
Success paths
- Success
“Success” is defined as reaching the last screen in the researcher’s defined path when creating the test.
- Direct success
A scenario where participants took the exact steps and path defined by the researcher when creating the test.
- Indirect success
This is a scenario in which participants reach the last screen of the researcher’s defined path, even if they take extra steps or deviate along the way.
- Non-success
Scenarios where participants failed to reach the last screen of the researcher’s defined path.
- Undefined success
Scenarios where participants failed to reach the last screen of the researcher’s defined path.
Best practices
-
- Test early and often: Catch issues sooner by testing prototypes at different stages of development.
- Start with small audiences: Begin with a small group of testers to validate initial assumptions before scaling.
- Use open-ended questions: Encourage participants to share their thoughts freely for richer insights.
- Collaborate with your team: Share findings with designers and stakeholders to align on the next steps.
- Use public links: Password protection isn't supported on Mobile devices.
Related content
|
|
|
|
Want to learn more? Check out these Knowledge Base articles... |
Interested in growing your skills? Check out our University courses... |
|
|
|
|
Need hands-on training?
|
Can't find your answer?
|