Ballpark supports the popular design tool Figma, which can turn your designs into interactive prototypes, ready to test with your participants!
As your participants test your prototype, Ballpark tracks clicks, misclicks, goals and much more to give you deep insights into how your designs perform.
Before you get started, check out our handy tips for working with (large) Figma files to avoid any pitfalls!
The different ways to test your prototype
Prototype tasks: If you want to track how many participants complete a goal on your prototype, then pick the Prototype task step.
Prototype free roam: If you are testing a single screen such as a single landing page, style-guide or components which do not have a specific goal, then select the Prototype free roam.
How to test Figma prototypes
- Go to Figma
- Select the file you want to test
- Click the Play button on the top right-hand corner
- Click Share prototype
- IMPORTANT: Change the link access to Anyone with the link
- Click Copy link
- Go to Ballpark
- Select any project
- Click Add step
- Select Prototype task or Prototype free roam for single screens
- Paste your Figma prototype share link into the Prototype URL field
- Click Add prototype
- Select a start screen by clicking on the first thumbnail
- Select a goal screen or component by clicking on Pick a goal screen
You are now ready to share with participants!
💡 Using Figma Flows? If you paste a link to a flow, we'll automatically import just the screens and components within that flow.
New: Interactive Component support
You can now select an interactive component as the goal in your task! This opens up the door to endless possibilities when testing designs, prototypes, design systems and components.
